*:focus {
background: none;
outline: none;
}
* {
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
button,
input,
select,
textarea {
color: #666;
}
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
h2,
h3 {
font-size: 14px;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #333;
}
button,
input,
select,
textarea,
label {
vertical-align: middle;
border: 0;
outline: none;
}
img {
vertical-align: middle;
border: none;
display: inline-block;
max-width: 100%;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
color: #333;
vertical-align: baseline;
cursor: pointer;
}
a:hover {
color: #000;
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
word-wrap: break-word;
word-break: break-all;
background: #f2f2f2;
font-size: 16px;
}
div {
box-sizing: border-box;
}
/*娓呮诞*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix {
*zoom: 1;
}
/*娴姩*/
.fl {
float: left;
_display: inline;
}
.fr {
float: right;
_display: inline;
}
input::-webkit-input-placeholder {
color: #959595;
}
input:-moz-placeholder {
color: #959595;
opacity: 1;
}
input::-moz-placeholder {
color: #959595;
opacity: 1;
}
input:-ms-input-placeholder {
color: #959595;
}
textarea::-webkit-input-placeholder {
color: #959595;
}
textarea:-moz-placeholder {
color: #959595;
opacity: 1;
}
textarea::-moz-placeholder {
color: #959595;
opacity: 1;
}
textarea:-ms-input-placeholder {
color: #959595;
}
.wrap {
width: 100%;
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
}
.section {
width: 1500px;
margin: 0 auto;
}
.white {
background: #fff;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
}
.flex-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.flex-end {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.img2 {
display: none;
}
.mb70 {
margin-bottom: 70px;
}
.tl {
text-align: left !important;
}
/* header */
header {
position: relative;
z-index: 500;
width: 100%;
/* padding: 29px 0; */
left: 0;
top: 0;
background-color: #fff;
height: 120px;
display: flex;
align-items: center;
}
header.fixed {
position: fixed;
top: 0;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
header.fixed.header-hide {
top: -120px;
}
header .logo {
position: relative;
top: 0;
z-index: 5;
/* width: 12em; */
}
header .header {
z-index: 5;
flex: 1;
margin-left: 6em;
}
header .header .naver ul li {
display: inline-block;
text-align: center;
margin-right: 5em;
}
header .header .naver ul li:last-child {
margin-right: 0;
}
header .header .naver ul li.active a.navYi {
color: #005399;
}
header .header .naver ul li.active .img1,
header .header .naver ul li:hover .img1 {
display: none;
}
header .header .naver ul li.active .img2,
header .header .naver ul li:hover .img2 {
display: inline-block;
}
header .header .naver ul li a.navYi {
display: inline-block;
text-decoration: none;
font-size: 1em;
}
header .header .naver ul li a.navYi span {
position: relative;
padding: 20px 0;
display: inline-block;
}
header .header .naver ul li a.navYi span::after {
display: block;
content: '';
width: 0;
height: 3px;
background-color: #005399;
border-radius: 2px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
transition: all .3s;
}
header .header .naver ul li.active a.navYi span::after,
header .header .naver ul li:hover a.navYi span::after {
width: 100%;
}
header .header .naver ul li:hover {
color: #005399
}
header .header .naver ul li:hover a.navYi {
color: #005399
}
header .header .naver ul li img {
margin-right: 10px;
}
.ht {
padding-top: 120px;
}
.language {
width: 85px;
height: 30px;
height: 2em;
border: solid 1px;
border-radius: 15px;
font-size: 14px;
color: #333;
margin-left: 2em;
}
.language span {
color: #333;
}
.language.on,
.language.on span {
color: #005399;
}
.language img {
margin-right: 10px;
}
.language.on .img1 {
display: none;
}
.language.on .img2 {
display: inline-block;
}
.s_nav {
position: absolute;
width: 100%;
top: calc(100% - 30px);
left: 50%;
transform: translateX(-50%);
/* box-shadow: -1px 4px 4px 0px rgba(0, 0, 0, 0.1); */
z-index: -1;
display: none;
border-top: 1px solid #e6e6e6;
}
.s_nav_top {
width: 100%;
height: 30px;
}
.s_nav_box {
/* padding: 50px 15px; */
padding: 50px 0;
/* background-color: #e9e9e9; */
background-color: #fff;
}
.s_nav dl {
position: relative;
}
.s_nav dl::after {
display: block;
content: '';
width: 2px;
height: 100%;
background-color: #999;
position: absolute;
left: 32%;
top: 0;
}
.s_nav dd {
display: flex;
align-items: flex-start;
/* justify-content: center; */
margin-bottom: 35px;
}
.s_nav dd:last-child {
margin-bottom: 0;
}
.first_dd {
/* margin-right: 50px;
flex: .43; */
width: 32%;
padding-right: 50px;
text-align: right;
}
.first_dd a {
display: block;
font-size: 16px;
color: #111;
}
.right_dd {
font-size: 0;
/* margin-left: 50px;
flex: 1; */
text-align: left;
width: 60%;
padding-left: 50px;
}
.right_dd a {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #666;
margin-right: 25px;
margin-bottom: 4px;
}
.right_dd a:hover {
color: #005399;
}
.nav_icon {
width: 25px;
height: 17px;
align-items: center;
justify-content: space-between;
flex-flow: column;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
display: none;
z-index: 11;
}
.nav_icon>span {
display: block;
background: #000;
width: 100%;
height: 2px;
border: 0;
border-radius: 2px;
transition: 0.5s;
}
.nav_icon.on>span:nth-child(1) {
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(220deg);
}
.nav_icon.on>span:nth-child(3) {
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-220deg);
}
.nav_icon.on>span:nth-child(2) {
display: none;
}
/* header end */
/* footer */
.footer {
background-color: #bbb;
padding: 60px 0;
}
.footer_keep {
background-color: #005399;
/* padding: 30px 0; */
padding: 15px 0;
font-size: 14px;
line-height: 30px;
color: #fff;
}
.footer_keep a {
color: #fff;
}
.foot_ul li {
float: left;
margin-right: 6em;
}
.foot_ul li:last-child {
margin-right: 0;
}
.foot_h2 {
margin-bottom: 15px;
}
.foot_h2 a {
display: block;
font-size: 18px;
color: #fff;
}
.foot_dl a {
display: block;
font-size: 14px;
line-height: 30px;
color: #fff;
}
.foot_right h2 {
font-size: 18px;
color: #fff;
font-weight: normal;
}
.foot_icon {
margin: 20px 0;
font-size: 0;
}
.foot_icon a {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
position: relative;
}
.ewm_pic {
position: absolute;
min-width: 80px;
width: 80px;
height: 80px;
left: 50%;
transform: translateX(-50%);
top: -90px;
display: none;
}
.foot_icon a:last-child {
margin-right: 0;
}
.foot_icon a:hover .ewm_pic {
display: block;
}
.foot_phone {
display: block;
font-size: 20px;
color: #fff;
margin-bottom: 15px;
}
.foot_time {
font-size: 13px;
color: #fff;
}
.foot_map {
width: 186px;
background-color: #005399;
border-radius: 21px;
margin-top: 20px;
font-size: 0;
}
.foot_map a {
display: block;
text-align: center;
height: 42px;
line-height: 42px;
}
.foot_map span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #fff;
margin-left: 10px;
}
/* footer end */
/* 棣栭〉 */
.banner a {
display: block;
}
.banner img {
width: 100%;
}
.title {
text-align: center;
border-bottom: solid 1px #cfcfcf;
position: relative;
}
.title h3::after {
display: block;
content: '';
width: 86px;
height: 3px;
background-color: #005399;
border-radius: 2px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.overflow {
overflow: hidden;
}
.title h2 {
font-size: 26px;
color: #333;
}
.title h3 {
font-size: 14px;
color: #333;
position: relative;
padding: 18px 0;
}
.pro_swiper {
position: relative;
margin-top: 120px;
}
.pro_swiper .slide_li .img {
text-align: center;
height: 350px;
}
.pro_swiper .slide_li .img img {
max-height: 100%;
}
.pro_swiper .slide_li .info {
position: relative;
padding-top: 20px;
/* margin-top: 5em; */
margin-top: 2em;
}
.pro_swiper .slide_li .info::before {
display: block;
content: '';
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
background-color: #333;
width: 20px;
height: 2px;
}
.pro_swiper .slide_li .info h2 {
text-align: center;
font-size: 16px;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pro_swiper .slide_li .info .txt {
margin-top: 10px;
font-size: 12px;
line-height: 22px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.info_btn {
width: 120px;
height: 34px;
border-radius: 17px;
border: solid 1px;
color: #333;
font-size: 12px;
margin: 40px auto 0;
line-height: 32px;
text-align: center;
transition: all .4s;
}
.info_btn>* {
display: block;
height: 34px;
line-height: 32px;
}
.info_btn:hover,
.info_btn:hover>* {
color: #005399;
}
.pro_swiper .swiper-button-next,
.pro_swiper .swiper-button-prev {
opacity: .4;
background-size: 26px 48px;
top: 35%;
background-repeat: no-repeat;
background-position: center;
}
.pro_swiper .swiper-button-next {
right: -40px;
}
.pro_swiper .swiper-button-prev {
left: -40px;
}
.plan_ul {
overflow: hidden;
margin: 0 auto;
padding-top: 70px;
font-size: 0;
height: 615px;
}
.plan_ul li {
display: inline-block;
vertical-align: text-top;
height: 100%;
width:13.7%;
}
.plan_ul li:first-child {
width: 45%;
}
.plan_ul li {
background-position: center center;
background-repeat: no-repeat
}
.plan_ul .info {
width: 100%;
height: 100%;
background-color: rgba(0, 83, 153, 0.8);
overflow: hidden;
position: relative;
width: 0;
}
.plan_ul .info .info_box {
width: 300px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.plan_ul .info h2 {
font-size: 26px;
color: #fff;
font-weight: bold;
}
.plan_ul .info .classify_list {
margin-top: 30px;
font-size: 0;
}
.classify_list a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #fff;
width: 33.3%;
margin-top: 20px;
}
/* .plan_ul li.on .info{
width: 100%;
} */
.plan_ul li:first-child .info {
width: 100%;
}
.case_con {
font-size: 0;
}
.case_con>* {
display: inline-block;
vertical-align: middle;
}
.case_left {
width: 33%;
}
.case_right {
width: 67%;
}
.tl_title {
text-align: left;
}
.tl_title h3::after {
left: 0;
transform: none;
}
.case .title {
border-bottom: 0;
}
.case_swiper1 .swiper-pagination-bullet {
font-size: 14px;
color: #666;
opacity: 1;
background: none;
width: auto;
height: auto;
border-radius: 0;
line-height: 1;
}
.case_swiper1 .swiper-pagination-bullet-active {
color: #005399;
padding: 0 2px;
border-bottom: solid 1px;
}
.case_swiper1 {
margin-top: 60px;
padding-right: 50px;
}
.case_swiper1 .swiper-container {
padding-bottom: 40px;
}
.case_swiper1 .swiper-container-horizontal>.swiper-pagination-bullets,
.case_swiper1 .swiper-pagination-custom,
.case_swiper1 .swiper-pagination-fraction {
bottom: 0;
text-align: left;
}
.case_swiper1 h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22px;
color: #333;
}
.case_swiper1 .txt {
margin: 35px 0;
font-size: 16px;
line-height: 30px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.case_swiper2 img {
width: 100%;
height: 520px;
object-fit: cover;
}
.ban_txt {
position: absolute;
color: #FFFFFF;
text-transform: uppercase;
left: 50%;
top: 50%;
z-index: 99;
letter-spacing: 5px;
text-align: center;
line-height: 80px;
min-width: 860px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.ban_txt h5 {
margin-top: 30px;
}
.video_swiper .swiper-button-prev {
left: 8em;
}
.video_swiper .swiper-button-next {
right: 8em;
}
.video_swiper video {
width: 100%;
}
.media_tab a {
display: inline-block;
vertical-align: middle;
width: 94px;
height: 28px;
background-color: #dadada;
line-height: 28px;
text-align: center;
color: #666;
margin-left: 10px;
}
.media_tab a.active {
color: #fff;
background-color: #005399;
}
.media_con {
margin-top: 50px;
}
.media_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media_info h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
color: #333;
transition: all .2s;
line-height: 1;
}
.media_info .txt {
margin-top: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 15px;
line-height: 24px;
height: 48px;
color: #666;
transition: all .2s;
}
.media_info .data {
font-size: 12px;
color: #cfcfcf;
margin-top: 14px;
transition: all .2s;
line-height: 1;
}
.media_info .data p {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.media_left {
width: 48%;
}
.media_img {
height: 391px;
}
.media_right {
width: 50%;
}
.media_li .media_info {
background-color: #005399;
padding: 25px 20px 20px;
}
.media_li .media_info>* {
color: #fff;
}
.media_li .media_info .data {
text-align: right;
opacity: .6;
}
.media_ul li {
background-color: #fff;
margin-bottom: 20px;
padding: 30px;
transition: all .4s;
}
.media_ul li:last-child {
margin-bottom: 0;
}
.media_ul .li {
font-size: 0;
}
.media_ul .li .num {
width: 13%;
}
.media_ul .li>* {
display: inline-block;
vertical-align: middle;
}
.media_ul li .media_info {
width: 80%;
margin-left: 7%;
}
.media_ul li:hover .img1 {
display: none;
}
.media_ul li:hover .img2 {
display: inline-block;
}
.media_ul li:hover {
background-color: #005399;
}
.media_ul li:hover .media_info>* {
color: #fff;
}
/* 浜у搧鍒楄〃 */
.inside_banner {
position: relative;
}
.ban_box {
position: absolute;
width: 100%;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
.ban_box h2 {
font-size: 50px;
color: #fff;
}
.inside_banner .white_btn {
margin-top: 70px;
}
.white_btn,
.white_btn a {
color: #fff;
}
.inside_nav {
padding: 20px 0;
}
.inside_nav a {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #666;
}
.inside_nav a::after {
display: inline-block;
vertical-align: middle;
content: '>';
transform: translateY(-2px);
margin-left: 5px;
}
.inside_nav a:last-child::after {
display: none;
}
.inside_h2 {
padding: 0 70px;
font-size: 36px;
color: #222;
text-align: center;
}
.inside_h2::before,
.inside_h2::after {
display: inline-block;
vertical-align: middle;
content: '';
background-color: #0055a2;
width: 3px;
height: 15px;
margin: 0 60px;
transform: translateY(-3px);
}
.inside_product {
background-color: #fff;
padding: 60px 0 80px;
}
.product_ul {
margin: 40px 0;
}
.product_ul li {
float: left;
width: 23%;
margin-right: 2.66%;
margin-bottom: 10px;
}
.product_ul li:nth-child(4n) {
margin-right: 0;
}
.product_ul li .img {
border: solid 1px #b9b9b9;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 400px;
padding: 50px 0;
background: #fff;
}
.product_ul li .img img {
max-height: 100%;
}
.product_ul li .info {
padding: 20px 0;
}
.product_ul li .info p {
font-size: 16px;
color: #333;
line-height: 26px;
height: 26px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product_ul li .info p.p1 {
color: #005399;
}
.wejoy_page {
font-size: 0;
padding-top: 25px;
text-align: center;
}
.wejoy_page>* {
display: inline-block;
vertical-align: middle;
font-size: 17px;
color: #969696;
}
.wejoy_page a {
width: 33px;
height: 33px;
border-radius: 5px;
border: solid 1px #dddddd;
text-align: center;
line-height: 33px;
margin: 0 4.5px;
color: #a3a3a3;
font-size: 12px;
padding: 0 5px;
}
.wejoy_page span {
height: 33px;
border-radius: 5px;
border: solid 1px #dddddd;
text-align: center;
line-height: 33px;
color: #a3a3a3;
margin-left: 9px;
font-size: 12px;
padding: 0 5px;
}
.wejoy_page a.on {
background-color: #005399;
border: none;
color: #fff;
}
.choise_page {
margin-left: 9px;
height: 33px;
border-radius: 5px;
border: solid 1px #dddddd;
line-height: 26px;
overflow: hidden;
}
.choise_page input {
width: 42px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
background: none;
}
.choise_page button {
background: #ababab;
color: #fff;
text-align: center;
font-size: 14px;
width: 33px;
height: 100%;
}
.choise_page>* {
display: inline-block;
vertical-align: top;
}
.sidebar {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sidebar_ul li {
margin-bottom: 10px;
background-color: #fff;
width: 50px;
height: 50px;
border-radius: 4px;
/* border: solid 1px #949494; */
}
/* 02浜у搧璇︽儏 */
.info_title h2 {
font-weight: normal;
}
.info_title h2::before,
.info_title h2::after {
display: none;
}
.info_title .p {
font-size: 12px;
color: #666;
text-align: center;
margin-top: 10px;
}
.info_title .p p {
display: inline-block;
vertical-align: middle;
margin-right: 40px;
}
.info_title .p p:last-child {
margin-right: 0;
}
.info_title .p p img {
margin-right: 10px;
}
.info_cont {
margin-top: 50px;
}
.info_tab {
border-bottom: solid 1px #dfdfdf;
padding: 0 40px;
font-size: 0;
margin-bottom: 40px;
}
.info_tab a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #666;
height: 31px;
line-height: 31px;
text-align: center;
position: relative;
width: 124px;
}
.info_tab a::after {
display: block;
content: '';
width: 2px;
height: 16px;
background-color: #999999;
position: absolute;
top: 50%;
/* right: 0; */
left: 0;
transform: translateY(-50%);
}
.info_tab a:first-child::after,
.info_tab a.on::after,
.info_tab a.no_after::after ,.info_tab a.on + a::after{
display: none;
}
.info_tab a.on {
background-color: #005399;
color: #fff;
}
.info_box {
/* margin-top: 40px; */
}
.parts_tit {
font-size: 26px;
color: #333;
}
.parts_tit::before {
display: inline-block;
vertical-align: inherit;
content: '涓�';
font-size: 22px;
color: #005399;
margin-right: 20px;
line-height: 1;
}
.advantage_h2 {
text-align: center;
font-size: 24px;
color: #005399;
}
.advantage_h2::before,
.advantage_h2::after {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #005399;
margin: 0 50px;
}
.advantage_h2::before {
content: '>';
}
.advantage_h2::after {
content: '<';
}
.ad_cont {
margin-top: 45px;
font-size: 16px;
line-height: 32px;
color: #333;
}
.advantage_box {
margin-bottom: 75px;
}
.advantage_box:last-child {
margin-bottom: 0;
}
/* 璧勬簮 */
.resources_ul li {
border-bottom: solid 1px #dfdfdf;
}
.resources_ul .li {
display: flex;
align-items: center;
justify-content: space-between;
transition: all .3s;
padding: 30px 40px;
}
.resources_ul .li p {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
color: #333;
margin-right: 20px;
}
.resources_ul .li span {
display: block;
font-size: 16px;
color: #005399;
padding: 0 40px;
text-decoration: underline;
position: relative;
}
.resources_ul .li span::before {
display: block;
content: '';
width: 1px;
height: 18px;
background-color: #666;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.resources_ul .li:hover {
background-color: rgba(0, 84, 153, 0.05);
}
.intro_swiper {
width: 32.54%;
}
.intro_swiper_gallery {
border: solid 1px #b9b9b9;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.intro_swiper_gallery .img{
position: relative;
height: 370px;
}
.intro_swiper_gallery .img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.intro_swiper_thumb {
margin-top: 29px;
}
.intro_swiper_thumb .swiper-slide {
border: solid 1px #b9b9b9;
}
.intro_swiper_thumb .img {
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.intro_swiper_thumb .img img {
width: 100%;
}
.intro_swiper_thumb .img span{
display: none;
width: 43%;
/* height: 40px; */
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.intro_swiper_thumb .swiper-slide-thumb-active .img span{
display: block;
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0px;
left: 0px;
width: 400px;
height: 400px;
background: #fff;
border: 1px solid #CCC;
display: none;
text-align: center;
overflow: hidden;
}
div.zoomDiv img {
width: 800px;
height: 800px;
max-width: inherit;
}
div.zoomMask {
position: absolute;
background: rgba(0,0,0,.4);
cursor: move;
z-index: 1;
}
.intro_swiper{
padding: 0 44px;
position: relative;
}
.intro_swiper_gallery .swiper-button-prev,
.intro_swiper_gallery .swiper-button-next{
background-size: 14px 26px;
opacity: .4;
background-repeat: no-repeat;
background-position: center;
}
.intro_swiper_gallery .swiper-button-prev{
left: -40px;
}
.intro_swiper_gallery .swiper-button-next{
right: -40px;
}
.intro_right1 {
width: 63.46%;
}
.intro_w1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.intro_info1 .stitle {
color: #222222;
font-size: 24px;
}
.intro_info1 .txt {
font-size: 16px;
color: #333;
text-align: justify;
line-height: 32px;
letter-spacing: 1px;
margin: 30px 0 70px;
}
.intro_btn1 {
display: flex;
}
.intro_btn1 a {
display: flex;
width: 156px;
height: 45px;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
background: #005399;
}
.intro_btn1 a:first-child {
margin-right: 50px;
}
.intro_btn1 a img {
margin-right: 8px;
}
.intro_info2 .txt {
color: #333;
font-size: 18px;
line-height: 32px;
text-align: justify;
}
.intro_w2 {
padding-top: 25px;
margin-top: 50px;
border-top: 1px solid #dfdfdf;
}
/* 浜у搧涓績-鏁板瓧闆嗙兢绯荤粺 */
.digital_w1 {
padding-top: 40px;
}
.info_cont1 {
margin-top: 0;
}
.dig_title1 {
text-align: center;
padding: 54px 0 45px;
}
.dig_title1 h2 {
color: #222;
font-size: 46px;
padding-bottom: 15px;
position: relative;
}
.dig_title1 h2::before {
position: absolute;
content: "";
width: 16px;
height: 2px;
background: #222222;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.dig_info1 .txt {
color: #222;
font-size: 16px;
line-height: 40px;
text-align: justify;
}
.digital_h1 {
padding-bottom: 95px;
}
.dig_list1 .item {
display: flex;
justify-content: space-between;
align-items: center;
}
.dig_info2 {
margin: 15px 0;
}
.dig_info2 .stitle {
color: #005399;
font-size: 24px;
line-height: 40px;
}
.dig_info2 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.digital_h2 {
padding-bottom: 55px;
}
.digital_h3 {
padding: 50px 0;
}
.digs_m1 {
width: 56.66%;
margin-left: 5.3%;
}
.digital_h4 {
padding: 75px 0 50px;
}
.digital_h4 .item:nth-child(2) .digs_m1 {
margin-left: 0;
}
.digital_w3 {
padding: 70px 4% 50px 0;
}
.dig_right1 {
width: 60%;
float: right;
}
.dig_left1 {
width: 24%;
float: left;
margin-left: calc((100% - 1400px) / 2);
}
.dig_left1 .dig_title1 {
text-align: left;
}
.dig_left1 .dig_title1 h2::before {
left: 0;
transform: translateX(0);
}
.networking_type {
margin-top: 20px;
}
.networking_type ul li {
margin-bottom: 45px;
}
.networking_type ul li:last-child {
margin-bottom: 0;
}
.networking_type ul li span {
display: inline-block;
position: relative;
line-height: 50px;
color: #222222;
font-size: 22px;
cursor: pointer;
}
.networking_type ul li span::before {
position: absolute;
content: "";
width: 0;
height: 3px;
background: #005399;
border-radius: 2px;
left: 0;
bottom: 0;
transition: all .3s;
}
.networking_type ul li.active span::before {
width: 100%;
}
.networking_type ul li.active span {
color: #005399;
}
.digital_w4 {
padding-bottom: 50px;
}
.dig_pro1 .product_ul {
margin: 0;
}
.solution_swiper1 {
position: relative;
}
.solution_wrap {
padding-bottom: 50px;
}
.solution_m1 {
position: relative;
}
.solution_img1 {
width: 52.66%;
}
.solution_r1 {
width: 50%;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background-color: #fff;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);
padding: 70px 40px;
}
.solution_info1 .stitle a {
display: block;
color: #222;
font-size: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.solution_info1 .txt {
color: #333;
font-size: 16px;
line-height: 32px;
letter-spacing: 1px;
margin: 20px 0 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.solution_info1 .solution_b1 span {
display: inline-block;
color: #777;
font-size: 14px;
margin-right: 40px;
}
.solution_info1 .solution_b1 span:last-child {
margin-right: 0;
}
.solution_swiper1 .swiper-button-prev,
.solution_swiper1 .swiper-button-next {
width: auto;
height: auto;
background: none;
margin: 0;
transform: translateY(-50%);
}
.solution_swiper1 .swiper-button-prev {
left: -66px;
}
.solution_swiper1 .swiper-button-next {
right: -66px;
}
.dig_n1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.dig_img3 {
width: 52.93%;
}
.dig_info3 {
width: 41.46%;
}
.dig_info3 .txt {
color: #222;
font-size: 16px;
line-height: 40px;
text-align: justify;
}
.digital_h5 {
padding-bottom: 70px;
}
.trait_list1 ul li {
width: 30%;
float: left;
margin-right: 5%;
margin-bottom: 50px;
cursor: pointer;
}
.trait_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.trait_info1 h2 {
color: #fff;
font-size: 32px;
font-weight: normal;
letter-spacing: 1px;
text-align: center;
}
.trait_info2 .txt {
color: #fff;
font-size: 16px;
text-align: justify;
}
.trait_m1 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.trait_b1, .trait_b2 {
background-size: cover;
background-position: center;
-webkit-transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
-o-transition: transform .7s cubic-bezier(.4,.2,.2,1);
transition: transform .7s cubic-bezier(.4,.2,.2,1);
transition: transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: 450px;
height: auto;
border-radius: 20px;
color: #fff;
}
.trait_b1 {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.trait_b1:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: '';
display: block;
opacity: .5;
/* background-color: #292929; */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 20px;
}
.trait_b2 {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.trait_b2_bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
/* filter: blur(10px); */
border-radius: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.trait_b2_bg::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
/* background: rgba(0,0,0,.5); */
border-radius: 20px;
}
.trait_info1 ,
.trait_info2 {
-webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
transform: translateY(-50%) translateZ(60px) scale(.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
}
.trait_info2 {
padding: 0 30px;
}
.trait_m1:hover .trait_b1, .trait_m1:hover .trait_b2 {
-webkit-transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
-o-transition: transform .7s cubic-bezier(.4,.2,.2,1);
transition: transform .7s cubic-bezier(.4,.2,.2,1);
transition: transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);
}
.trait_m1:hover .trait_b1 {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.trait_m1:hover .trait_b2 {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dig_info4 {
margin: 0;
}
.st_wrap {
position: relative;
padding: 188px 0 170px;
min-height: 800px;
}
.stkos_type {
text-align: center;
border-bottom: 1px solid rgba(255,255,255,.5);
margin-bottom: 40px;
}
.stkos_type ul li {
display: inline-block;
color: #fff;
font-size: 18px;
line-height: 35px;
padding: 0 16px;
margin: 0 20px;
cursor: pointer;
}
.stkos_type ul li.active {
background: #006bb3;
}
.stkos_info1 .stitle {
margin-bottom: 18px;
}
.stkos_info1 .stitle p {
display: inline-block;
color: #fff;
font-size: 20px;
line-height: 40px;
border-bottom: 1px solid #fff;
padding-right: 10px;
}
.stkos_info1 .txt {
color: #fff;
font-size: 16px;
line-height: 26px;
}
.strength_box {
margin-top: 190px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.st_type {
position: absolute;
width: 100%;
left: 0;
top: 0;
transform: translateY(-50%);
z-index: 1;
}
.st_type ul {
display: flex;
justify-content: space-around;
}
.st_type ul li {
width: 293px;
height: 293px;
border-radius: 50%;
border: 20px solid rgba(255,255,255,.2);
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
}
.stype_m1 {
width: 100%;
height: 100%;
border-radius: 50%;
border: 20px solid rgba(255,255,255,.6);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.stype_n1 {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #fff;
}
.stype_n1 h2 img + img {
display: none;
}
.stype_n1 p {
color: #006bb3;
font-size: 28px;
position: relative;
padding-top: 14px;
line-height: 1;
margin-top: 12px;
}
.stype_n1 p::before {
position: absolute;
content: "";
width: 12px;
height: 1px;
background: #006bb3;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.st_type ul li.on {
border-color: rgba(0,107,179,.2);
}
.st_type ul li.on .stype_m1 {
border-color: rgba(0,107,179,.6);
}
.st_type ul li.on .stype_n1 {
background: #006bb3;
}
.st_type ul li.on .stype_n1 p {
color: #fff;
}
.st_type ul li.on .stype_n1 p::before {
background: #fff;
}
.st_type ul li.on .stype_n1 h2 img {
display: none;
}
.st_type ul li.on .stype_n1 h2 img + img {
display: inline-block;
}
.net_m1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.net_info1 {
width: 35.66%;
}
.net_img1 {
width: 59.2%;
}
.net_info1 .stitle {
color: #006bb3;
font-size: 32px;
position: relative;
padding-bottom: 18px;
margin-bottom: 12px;
}
.net_info1 .stitle::before {
position: absolute;
content: "";
width: 26px;
height: 2px;
background: #555;
left: 0;
bottom: 0;
}
.net_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.net_type1 {
margin-bottom: 60px;
}
.net_type1 ul {
display: flex;
justify-content: space-around;
}
.net_type1 ul li {
width: 20%;
height: 82px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
box-shadow: 2px 2px 1px 0px
rgba(13, 4, 9, 0.5);
border-radius: 41px;
cursor: pointer;
color: #222;
font-size: 16px;
transition: all .3s;
}
.net_type1 ul li.active {
background: #006bb3;
color: #fff;
}
.digital_w7 {
padding-bottom: 90px;
}
.creat_m1 {
position: relative;
transition: all .36s;
cursor: pointer;
}
.creat_i1 {
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
}
.creat_h1 {
height: 290px;
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
padding: 66px 9% 0;
text-align: center;
}
.creat_h1 h3 {
color: #222;
font-size: 22px;
padding-bottom: 16px;
margin-bottom: 10px;
position: relative;
}
.creat_h1 h3::before {
position: absolute;
content: "";
width: 10px;
height: 1px;
background: #005399;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.creat_h1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
text-align: left;
}
.creat_swiper01 .swiper-container {
padding: 88px 0 130px 0;
}
.creat_m1:hover {
transform: translateY(-40px);
}
.digital_w8 {
background: #f2f2f2;
padding-top: 140px;
margin-top: -80px;
}
.creat_b1{
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.creat_btn1 {
display: flex;
align-items: center;
}
.creat_btn1 .swiper-button-prev,
.creat_btn1 .swiper-button-next {
position: unset;
width: auto;
height: auto;
background: none;
margin: 0;
left: auto;
right: auto;
opacity: 1;
font-size: 0;
}
.creat_btn1 .swiper-button-next {
margin-left: 40px;
}
.creat_pagin .swiper-pagination {
position: unset;
left: auto;
bottom: auto;
}
.creat_pagin .swiper-pagination .swiper-pagination-bullet {
width: auto;
height: auto;
color: #333;
font-size: 14px;
background: none;
opacity: 1;
margin-right: 15px;
}
.creat_pagin .swiper-pagination .swiper-pagination-bullet-active {
color: #005399;
}
/* 琛屼笟瑙ｅ喅鏂规 */
.industry_content1 {
padding: 60px 0 40px 0;
}
.industry_type1 ul li {
width: 49%;
float: left;
margin-bottom: 40px;
margin-right: 2%;
}
.industry_type1 ul li:nth-child(2n) {
margin-right: 0;
}
.industry_m1 {
display: flex;
align-items: center;
background: #f2f2f2;
transition: all .3s;
}
.industry_img1 {
width: 49.65%;
height: 350px;
}
.industry_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.industry_info1 {
width: 50.35%;
padding: 0 30px;
}
.industry_info1 .stitle {
text-align: center;
color: #222;
font-size: 22px;
text-align: center;
}
.industry_info1 .txt {
color: #666;
font-size: 14px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 20px 0 50px;
}
.industry_info1 .industry_b1 {
text-align: center;
}
.industry_info1 .industry_b1 span {
display: inline-block;
width: 120px;
line-height: 32px;
border-radius: 17px;
border: 1px solid #333333;
color: #333333;
font-size: 12px;
transition: all .3s;
}
.industry_type1 ul li:hover .industry_m1 {
background: #005399;
}
.industry_type1 ul li:hover .industry_info1 .stitle ,
.industry_type1 ul li:hover .industry_info1 .txt,
.industry_type1 ul li:hover .industry_info1 .industry_b1 span{
color: #fff;
}
.industry_type1 ul li:hover .industry_info1 .industry_b1 span {
border-color: #fff;
}
.industry_content2 {
padding: 60px 0 80px;
}
.industry_b_title1 {
margin-bottom: 40px;
text-align: center;
}
.industry_b_title1 h2 {
color: #222;
font-size: 36px;
display: inline-block;
padding: 0 54px;
position: relative;
}
.industry_b_title1 h2::before ,
.industry_b_title1 h2::after {
position: absolute;
content: "";
width: 4px;
height: 17px;
background: #0055a2;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.industry_b_title1 h2::after {
left: auto;
right: 0;
}
.industry_r1 {
width: 150px;
float: right;
position: relative;
z-index: 10;
}
.industry_p1 {
border-radius: 15px;
border: 1px solid #666;
position: relative;
padding-right: 26px;
padding-left: 20px;
cursor: pointer;
}
.industry_p1 p {
line-height: 28px;
color: #666;
font-size: 14px;
}
.industry_p1 img {
position: absolute;
right: 12px;
top: 50%;
margin-top: -3px;
transform: rotate(180deg);
transition: all .3s;
}
.industry_type2 {
position: absolute;
width: 100%;
left: 0;
top: 40px;
background-color: #ffffff;
box-shadow: 0px 0px 6px 0px
rgba(0, 0, 0, 0.45);
border-radius: 15px;
border: solid 1px #dfdfdf;
padding: 5px 0;
display: none;
}
.industry_type2 a {
color: #666;
font-size: 14px;
display: block;
padding-left: 20px;
line-height: 34px;
}
.industry_type2 a:hover {
color: #005399;
}
.industry_p1.cur img {
transform: rotate(0);
}
.industry_list1 ul li a {
display: block;
transition: all .3s;
}
.industry_k1 {
padding: 40px 0;
}
.industry_m2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.industry_img2 {
width: 44.4%;
height: 370px;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);
}
.industry_img2 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.industry_info2 {
width: 51.66%;
}
.industry_info2 .stitle {
color: #222;
font-size: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.industry_info2 .txt {
color: #333;
font-size: 16px;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 20px 0 34px;
}
.industry_info2 .industry_b2 {
text-align: right;
}
.industry_info2 .industry_b2 span {
color: #777;
font-size: 14px;
display: inline-block;
margin-left: 40px;
}
.industry_info2 .industry_b2 span:first-child {
margin-left: 0;
}
.industry_list1 ul li:nth-child(2n) {
background: #f2f2f2;
}
.industry_list1 ul li:hover .industry_info2 .stitle {
color: #005399;
}
.industry_list1 {
margin-bottom: 35px;
}
.industry_m3 {
display: flex;
justify-content: space-between;
align-items: center;
}
.industry_d1 {
padding: 80px 0;
}
.industry_dl1 {
width: 44.66%;
}
.industry_dr1 {
width: 50%;
}
.industry_b_title2 .stitle {
color: #222;
font-size: 46px;
position: relative;
margin-bottom: 35px;
padding-bottom: 10px;
}
.industry_b_title2 .stitle::before {
position: absolute;
content: "";
width: 15px;
height: 2px;
background: #535353;
left: 0;
bottom: 0;
}
.industry_info3 .txt {
color: #222;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.industry_d2 {
padding-bottom: 80px;
}
.industry_b_title3 .stitle {
text-align: center;
}
.industry_b_title3 .stitle::before {
left: 50%;
transform: translateX(-50%);
}
.spot_list1 ul {
display: flex;
flex-wrap: wrap;
}
.spot_list1 ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 80px;
position: relative;
padding: 60px 40px 30px;
background: rgba(135,197,238,.1);
}
.spot_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.spot_list1 ul li .spot_num {
position: absolute;
left: 20px;
top: -48px;
}
.spot_info1 .stitle {
color: #222;
font-size: 26px;
margin-bottom: 10px;
font-weight: bold;
}
.spot_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.spot_list1 ul li:nth-child(2) {
background: rgba(241,224,206,.1);
}
.spot_list1 ul li:nth-child(3) {
background: rgba(240,182,194,.1);
}
.spot_list1 ul li:nth-child(4) {
background: rgba(196,223,168,.1);
}
.spot_list1 ul li:nth-child(5) {
background: rgba(92,113,170,.1);
}
.spot_list1 ul li:nth-child(6) {
background: rgba(20,181,166,.1);
}
.relative_m1 {
position: relative;
}
.relative_m1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
left: 0;
top: 0;
z-index: 0;
transition: all .3s;
}
.relative_img1 {
height: 356px;
}
.relative_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.relative_info1 {
position: absolute;
content: "";
width: 100%;
left: 0;
bottom: 0;
background: rgba(51,51,51,.8);
text-align: center;
padding: 0 15px;
transform: translateY(200%);
transition: all .3s;
}
.relative_info1 p {
color: #fff;
font-size: 16px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.relative_swiper1 .swiper-container {
padding: 34px 0;
}
.relative_swiper1 .swiper-slide {
transition: all .32s;
}
.relative_swiper1 .swiper-slide-active {
transform: scale(1.14);
z-index: 1;
}
.relative_swiper1 .swiper-slide-active .relative_m1::before {
background: rgba(0,0,0,0);
}
.relative_swiper1 .swiper-slide-active .relative_info1 {
transform: translateY(0);
}
.relative_swiper1 .swiper-button-prev,
.relative_swiper1 .swiper-button-next {
width: auto;
height: auto;
margin: 0;
transform: translateY(-50%);
background: none;
}
.relative_swiper1 .swiper-button-prev {
left: 18%;
}
.relative_swiper1 .swiper-button-next {
right: 18%;
}
.industry_d4 {
padding-bottom: 60px;
}
.s_banner1 {
position: relative;
}
.s_banner1 > img {
object-fit: cover;
width: 100%;
}
.banner_w1 {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.banner_info1 {
text-align: center;
color: #fff;
font-size: 50px;
line-height: 74px;
}
/* 鎴愬姛妗堜緥 */
.successCase {
padding: 60px 0 80px;
}
.case_list1 ul li {
margin-bottom: 30px;
background: #f2f2f2;
transition: all .3s;
}
.case_m1 {
display: flex;
align-items: center;
}
.case_ml {
padding: 0 6%;
width: 34.66%;
}
.case_mr {
width: 65.34%;
}
.case_img1 {
height: 380px;
}
.case_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.case_info1 {
text-align: center;
}
.case_info1 .stitle {
color: #005399;
font-size: 16px;
transition: all .3s;
}
.case_info1 p {
color: #222;
font-size: 26px;
line-height: 44px;
margin: 25px 0 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .3s;
}
.case_b1 span {
display: inline-block;
width: 120px;
line-height: 32px;
border-radius: 17px;
border: 1px solid #222;
color: #222;
font-size: 12px;
transition: all .3s;
}
.case_list1 ul li:hover {
background: #005399;
}
.case_list1 ul li:hover .case_b1 span {
color: #fff;
border-color: #fff;
}
.case_list1 ul li:hover .case_info1 .stitle ,
.case_list1 ul li:hover .case_info1 p {
color: #fff;
}
.case_list1 {
margin-bottom: 15px;
}
/* 鏈嶅姟涓庢敮鎸� */
.serve_type1 {
padding: 60px 0;
}
.serve_type1 ul {
display: flex;
justify-content: space-between;
}
.serve_type1 ul li {
width: 17.33%;
}
.serve_type1 ul li a {
display: flex;
width: 100%;
height: 80px;
align-items: center;
justify-content: center;
background: #e7e7e7;
color: #222;
font-size: 18px;
transition: all .3s;
}
.serve_type1 ul li a img + img {
display: none;
}
.serve_type1 ul li a span {
margin-left: 15px;
}
.serve_type1 ul li.active a,
.serve_type1 ul li:hover a{
background: #005399;
color: #fff;
}
.serve_type1 ul li.active a img ,
.serve_type1 ul li:hover a img {
display: none;
}
.serve_type1 ul li.active a img + img ,
.serve_type1 ul li:hover a img + img {
display: inline-block;
}
.inquire_w1 {
padding: 60px 0;
background-color: #f7f7f7;
}
.inquire_form1 {
width: 392px;
margin: 0 auto;
}
.inquire_form1 .form_group {
width: 100%;
height: 56px;
background: #005399;
border-radius: 28px;
line-height: 56px;
position: relative;
padding: 0 70px 0 30px;
}
.inquire_form1 .form_group input {
width: 100%;
height: 56px;
vertical-align: top;
color: #fff;
font-size: 16px;
background: none;
}
.inquire_form1 .form_group button {
cursor: pointer;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
font-size: 0;
background: none;
}
.inquire_form1 .form_group input::-webkit-input-placeholder {
color: #fff;
}
.inquire_form1 .form_group input:-moz-placeholder {
color: #fff;
}
.inquire_form1 .form_group input::-moz-placeholder {
color: #fff;
}
.inquire_form1 .form_group input:-ms-input-placeholder {
color: #fff;
}
.inquire_content1 {
padding-bottom: 80px;
}
.question_list1 {
margin-bottom: 40px;
}
.question_list1 ul li {
margin-bottom: 16px;
position: relative;
padding-right: 12%;
}
.question_list1 ul li a {
display: block;
color: #333;
font-size: 16px;
line-height: 60px;
padding: 0 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .3s;
}
.question_list1 ul li:nth-child(2n+1) {
background: #f7f7f7;
}
.question_list1 ul li a:hover {
color: #005399;
}
.question_list1 ul li span {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
color: #333;
font-size: 16px;
}
.down_left1 {
width: 78.33%;
float: left;
}
.down_list1 {
margin-bottom: 35px;
}
.down_list1 ul li {
padding: 10px 30px;
border-bottom: 1px solid #dfdfdf;
position: relative;
}
.down_list1 ul li p {
color: #333;
font-size: 16px;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 50px;
cursor: pointer;
}
.down_list1 ul li span {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
padding-left: 35px;
}
.down_list1 ul li span::before {
position: absolute;
content: "";
width: 2px;
height: 14px;
background: #b0b0b0;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.down_list1 ul li span a {
display: inline-block;
color: #005399;
font-size: 16px;
text-decoration: underline;
}
.down_list1 ul li:hover p {
color: #005399;
}
.down_right1 {
width: 17.66%;
float: right;
}
.down_form1 .down_t1 {
background: #005399;
line-height: 55px;
padding-left: 30px;
color: #fff;
font-size: 16px;
}
.down_form1 .form_group {
margin-top: 10px;
}
.down_form1 .form_group1 {
border: 1px solid #dfdfdf;
position: relative;
}
.down_form1 .form_group1 select {
width: 100%;
height: 52px;
color: #666;
font-size: 16px;
appearance: none;
-webkit-appearance: none;
padding-left: 30px;
}
.down_form1 .form_group1 img {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
.down_form1 .form_group2 {
position: relative;
background: #eeeeee;
border: 1px solid #bdcdda;
border-radius: 5px;
padding-right: 50px;
padding-left: 30px;
height: 50px;
}
.down_form1 .form_group2 button {
width: 50px;
height: 50px;
right: -1px;
top: -1px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: #005399;
border-radius: 0 5px 5px 0;
cursor: pointer;
}
.down_form1 .form_group2 input {
vertical-align: top;
line-height: 48px;
font-size: 16px;
color: #666;
background: none;
}
.online_left1 {
width: 66.66%;
float: left;
}
.online_right1 {
width: 26.93%;
float: right;
position: relative;
}
.online_img1 {
position: absolute;
right: 0;
top: -20px;
}
.online_info1 {
text-align: right;
position: relative;
z-index: 1;
}
.online_info1 .online_line1 {
margin-bottom: 20px;
font-size: 0;
}
.online_info1 .stitle {
color: #3f3f3f;
font-size: 40px;
padding-bottom: 4px;
}
.online_info1 .txt {
color: #878787;
font-size: 18px;
line-height: 36px;
}
.message_form1 .form_group {
margin-bottom: 30px;
}
.message_form1 .form_group h2 {
color: #8e8e8e;
font-size: 20px;
font-weight: normal;
}
.message_form1 .form_group h2 i {
color: #fc0d0d;
font-style: normal;
}
.message_form1 .form_group .input1 {
width: 100%;
height: 80px;
line-height: 80px;
border-bottom: 1px solid #dddddd;
font-size: 20px;
color: #3f3f3f;
}
.form_select1 {
position: relative;
}
.form_select1 .s_form1 {
position: relative;
cursor: pointer;
}
.form_select1 .s_form1 .input1 {
cursor: pointer;
}
.form_select1 .s_form1 .arrow_icon {
position: absolute;
right: 0;
top: 50%;
margin-top: -4px;
transition: all .3s;
}
.form_select1 .s_form1 .arrow_icon.rotate {
transform: rotate(180deg);
}
.select_m1 {
position: absolute;
width: 432px;
right: 0;
top: 80px;
background-color: #ffffff;
box-shadow: 0px 0px 6px 0px
rgba(0, 0, 0, 0.45);
border-radius: 15px;
border: solid 1px #dfdfdf;
padding: 16px 30px;
display: none;
z-index: 1;
}
.select_m1 dl {
max-height: 184px;
overflow-y: auto;
}
.select_m1 dl::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.select_m1 dl::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #005399;
}
.select_m1 dl::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 1px;
background: #eeeeee;
}
.select_m1 dl dd {
cursor: pointer;
color: #666;
font-size: 20px;
line-height: 46px;
}
.select_m1 dl dd:hover {
color: #005399;
}
.message_form1 .form_group .textarea1 {
width: 100%;
height: 120px;
border: 1px solid #dddddd;
padding: 24px;
font-size: 20px;
color: #3f3f3f;
border-radius: 10px;
font-family: arial;
margin-top: 24px;
resize: none;
}
.message_form1 .form_btn {
text-align: center;
margin-top: 60px;
}
.message_form1 .form_btn button {
display: inline-block;
cursor: pointer;
width: 156px;
line-height: 40px;
border: 1px solid #333333;
color: #333;
font-size: 16px;
border-radius: 21px;
background: none;
}
/* 鍏充簬鍖楀嘲 */
.about_type1 {
padding: 60px 0 70px;
}
.about_type1 ul {
display: flex;
justify-content: center;
}
.about_type1 ul li {
width: 17.33%;
margin: 0 1.6%;
}
.about_type1 ul li a {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
height: 80px;
background: #e7e7e7;
color: #222;
font-size: 18px;
transition: all .3s;
}
.about_type1 ul li a img + img {
display: none;
}
.about_type1 ul li a span {
margin-left: 18px;
}
.about_type1 ul li.active a ,
.about_type1 ul li:hover a {
color: #fff;
background: #005399;
}
.about_type1 ul li.active a img ,
.about_type1 ul li:hover a img {
display: none;
}
.about_type1 ul li.active a img + img ,
.about_type1 ul li:hover a img + img {
display: inline-block;
}
.about_right1 {
width: 48.95%;
float: right;
}
.about_left1 {
width: 35.9375%;
float: left;
margin-left: calc((100% - 1500px) / 2);
}
.about_title1 {
margin-bottom: 35px;
}
.about_title1 h2 {
color: #222;
font-size: 46px;
font-weight: normal;
position: relative;
padding-bottom: 8px;
}
.about_title1 h2::before {
position: absolute;
content: "";
width: 17px;
height: 2px;
background: #222;
left: 0;
bottom: 0;
}
.about_info1 .stitle {
font-weight: bold;
font-size: 18px;
color: #222;
}
.about_info1 .txt {
color: #222;
font-size: 16px;
text-align: justify;
line-height: 40px;
}
.about_u1 {
margin-top: 50px;
}
.about_u1 ul {
display: flex;
justify-content: space-between;
}
.about_u1 ul li {
text-align: center;
width: 150px;
}
.about_u1 ul li p {
color: #333;
font-size: 18px;
line-height: 30px;
margin-top: 15px;
}
.about_m2 {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: calc((100% - 1500px) / 2);
background: #f2f2f2;
margin: 80px 0 90px 0;
}
.about_left2 {
width: 68.2%;
}
.about_right2 {
width: 27.6%;
}
.about_m3 {
padding-bottom: 90px;
}
.about_yf {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: calc((100% - 1500px) / 2);
}
.about_left3 {
width: 47.2%;
}
.about_right3 {
width: 48%;
}
.yf_list1 {
margin-top: 40px;
}
.yf_list1 ul {
display: flex;
justify-content: space-between;
}
.yf_list1 ul li {
text-align: center;
}
.yf_list1 ul li h2 {
display: flex;
align-items: center;
color: #222;
font-size: 80px;
font-weight: normal;
font-family: arial;
justify-content: center;
}
.yf_list1 ul li h2 small {
font-size: 14px;
color: #222;
margin-left: 8px;
}
.yf_list1 ul li p {
color: #222;
font-size: 18px;
}
.about_m4 {
background: #f2f2f2;
position: relative;
}
.about_qq {
padding: 130px 0 260px;
position: relative;
z-index: 1;
}
.about_qq .about_info1 {
width: 975px;
margin: 0 auto;
}
.about_qq .about_info1 .about_title1 {
text-align: center;
}
.about_qq .about_info1 .about_title1 h2::before {
left: 50%;
transform: translateX(-50%);
}
.about_qq .about_info1 .txt {
text-align: center;
}
.quanqiu_list1 {
margin-top: 110px;
}
.quanqiu_list1 ul {
display: flex;
justify-content: space-between;
width: 1110px;
margin: 0 auto;
}
.quanqiu_list1 ul li {
text-align: center;
}
.quanqiu_list1 ul li h2 {
display: flex;
align-items: center;
font-weight: normal;
font-family: arial;
justify-content: center;
}
.quanqiu_list1 ul li h2 p {
color: #222;
font-size: 80px;
}
.quanqiu_list1 ul li h2 small {
font-size: 14px;
margin-left: 8px;
color: #222;
}
.quanqiu_list1 ul li p {
color: #222;
font-size: 18px;
}
.about_dt {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.about_m5 {
padding: 70px 0;
}
/* 鍙戝睍鍘嗙▼ */
.history_con {
padding-bottom: 80px;
}
.history_more {
text-align: center;
}
.history_more a {
color: #005399;
font-size: 14px;
}
.history_list1 {
margin-bottom: 10px;
}
.history_list1 ul {
position: relative;
padding: 40px 0 0;
}
.history_list1 ul::before {
position: absolute;
content: "";
width: 2px;
background: #f2f2f2;
height: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.history_list1 ul li {
margin-bottom: 60px;
position: relative;
}
.history_list1 ul li:last-child {
padding-bottom: 25px;
margin-bottom: 0;
}
.history_list1 ul li .dian {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 40px;
}
.history_m1 {
width: 900px;
float: right;
padding-left: 200px;
position: relative;
}
.history_img1 {
width: 100px;
height: 100px;
border-radius: 50%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
}
.history_info1 .time {
color: #005399;
font-size: 26px;
margin-bottom: 20px;
}
.history_info1 .txt {
color: #333;
font-size: 16px;
line-height: 32px;
}
.history_list1 ul li:nth-child(2n) .history_m1 {
float: left;
padding-left: 0;
padding-right: 200px;
}
.history_list1 ul li:nth-child(2n) .history_img1 {
left: auto;
right: 0;
}
.history_list1 ul li:nth-child(2n) .history_info1 {
text-align: right;
}
/* /浼佷笟绠€浠� */
.culture_c1 {
padding: 90px 0 150px;
}
.culture_n1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.culture_left1 {
width: 63.46%;
}
.culture_right1 {
width: 31.73%;
}
.culture_right2 {
width: 31.53%;
}
.culture_left2 {
width: 63.13%;
}
.culture_m2 {
background: #f2f2f2;
}
.culture_c2 {
padding: 195px 0;
}
.culture_left2 .about_info1 {
text-align: right;
}
.about_title2 {
text-align: right;
}
.about_title2 h2::before {
left: auto;
right: 0;
}
.culture_left2 .about_info1 .txt {
text-align: right;
}
.culture_left3 {
width: 63.06%;
}
.culture_right3 {
width: 32.8%;
}
.culture_c4 {
padding: 80px 0;
}
.culture_left5 {
width: 67.53%;
}
.culture_right5 {
width: 26.93%;
}
.culture_c5 {
padding: 120px 0;
}
.about_title3 {
text-align: center;
}
.about_title3 h2::before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
}
.culture_c6 {
padding: 120px 0 90px;
}
.culture_jy1 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
}
.culture_jy_left1 {
width: 34%;
}
.culture_jy_right1 {
width: 59.46%;
}
.culture_jy_right2 .about_info1 .txt ,
.culture_jy_right4 .about_info1 .txt ,
.culture_jy_right2 .about_info1 .stitle ,
.culture_jy_right4 .about_info1 .stitle {
text-align: right;
}
.culture_jy2 {
margin-bottom: 0;
}
.culture_jy_right3 {
width: 58.73%;
}
.culture_jy_left4 {
width: 47.73%;
}
.culture_jy_right4 {
width: 49.26%;
}
.culture_c7 {
padding: 100px 0 140px 0;
}
/* 濯掍綋涓績 */
.media_wrap {
padding-bottom: 80px;
}
.news_list1 ul li {
width: 32%;
float: left;
margin-right: 2%;
margin-bottom: 30px;
background: #f2f2f2;
transition: all .3s;
}
.news_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.news_img1 {
height: 263px;
overflow: hidden;
}
.news_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s;
}
.news_info1 {
padding: 15px 30px 0;
height: 147px;
}
.news_info1 .stitle {
color: #333;
font-size: 20px;
line-height: 34px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 68px;
margin-bottom: 18px;
font-weight: bold;
transition: all .3s;
}
.news_info1 .news_b1 {
color: #888;
font-size: 12px;
text-align: right;
transition: all .3s;
}
.news_info1 .news_b1 span {
display: inline-block;
margin-left: 18px;
}
.news_info1 .news_b1 span:first-child {
margin-left: 0;
}
.news_list1 ul li:hover .news_img1 img {
transform: scale(1.12);
}
.news_list1 ul li:hover {
background: #005399;
}
.news_list1 ul li:hover .news_info1 .stitle ,
.news_list1 ul li:hover .news_info1 .news_b1{
color: #fff;
}
.media_list1 ul li {
width: 48%;
float: left;
margin-bottom: 30px;
margin-right: 4%;
background: #f2f2f2;
transition: all .3s;
}
.media_list1 ul li:nth-child(2n) {
margin-right: 0;
}
.media_m1 {
display: flex;
align-items: center;
}
.media_ml {
width: 54.16%;
position: relative;
}
.media_mr {
width: 45.84%;
padding: 0 4.5%;
}
.media_img1 {
height: 230px;
}
.media_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media_b1 {
position: absolute;
left: 0;
width: 100%;
text-align: right;
bottom: 8px;
padding: 0 10px;
color: #fff;
font-size: 12px;
z-index: 1;
}
.media_b1 span {
display: inline-block;
margin-left: 14px;
}
.media_b1 span:first-child {
margin-left: 0;
}
.media_ml .play_icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
.media_info1 .stitle {
color: #222;
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .3s;
}
.media_info1 .txt {
color: #666;
font-size: 14px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 20px;
transition: all .3s;
}
.media_list1 ul li:hover {
background: #005399;
}
.media_list1 ul li:hover .media_info1 .stitle ,
.media_list1 ul li:hover .media_info1 .txt {
color: #fff;
}
.media_type1 {
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 40px;
}
.media_type1 ul {
text-align: center;
font-size: 0;
}
.media_type1 ul li {
display: inline-block;
border-right: 1px solid #dbdbdb;
}
.media_type1 ul li:first-child {
border-left: 1px solid #dbdbdb;
}
.media_type1 ul li a {
display: inline-block;
width: 200px;
line-height: 58px;
color: #333;
font-size: 18px;
transition: all .3s;
}
.media_type1 ul li.active a ,
.media_type1 ul li:hover a{
color: #005399;
}
/* 涓撻璧勮璇︽儏 */
.special_c1 {
display: flex;
align-items: center;
padding-left: calc((100% - 1500px) / 2);
justify-content: space-between;
}
.special_left1 {
width: 30.5%;
}
.special_right1 {
width: 65.4%;
}
.special_m2 {
background: #f2f2f2;
}
.jyzd_swiper01 {
position: relative;
}
.jyzd_swiper01 .swiper-container {
padding: 50px 0 130px;
}
.zd_u1 {
transition: all .4s;
}
.zd_top1 {
position: relative;
}
.zd_top1 .zd_mask {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(21,21,21,0);
opacity: 0;
transition: all .3s;
}
.zd_img1 {
height: 464px;
border: 1px solid #b9b9b9;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.zd_img1 img {
/* width: 100%;
height: 100%;
object-fit: contain; */
max-height: 100%;
}
.zd_info1 {
padding-left: 22px;
position: relative;
margin-top: 20px;
}
.zd_info1::before {
position: absolute;
content: "";
width: 2px;
height: 58px;
background: #005399;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 1px;
}
.zd_info1 p {
color: #333;
font-size: 16px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zd_u1:hover {
transform: translateY(-50px);
}
.zd_u1:hover .zd_top1 .zd_mask {
opacity: 1;
background: rgba(21,21,21,.4);
}
.system_m1 {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: calc((100% - 1500px) / 2);
}
.system_left1 {
width: 58.3%;
}
.system_right1 {
width: 40.2%;
}
.system_info1 > h3 {
color: #222;
font-size: 14px;
font-weight: normal;
}
.system_info1 > h4 {
color: #222;
font-size: 22px;
font-weight: normal;
}
.system_info1 .stitle {
color: #222;
font-size: 32px;
margin: 35px 0 24px;
}
.system_info1 .txt {
color: #333;
font-size: 16px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 14px 0 100px;
}
.system_b1 span,
.zt_more a ,
.zt_more span {
display: inline-block;
width: 120px;
line-height: 32px;
text-align: center;
color: #333;
font-size: 12px;
border: 1px solid #333;
border-radius: 17px;
transition: all .3s;
}
.system_btn1 {
position: absolute;
right: calc((100% - 1500px) / 2);
bottom: 0;
display: flex;
align-items: center;
z-index: 1;
}
.system_btn1 .swiper-button-prev,
.system_btn1 .swiper-button-next {
position: unset;
left: auto;
right: auto;
top: auto;
margin: 0;
background: none;
width: auto;
height: auto;
opacity: 1;
}
.system_btn1 .swiper-button-next {
margin-left: 40px;
}
.special_c2 {
padding-top: 60px;
}
.special_c3 {
padding-bottom: 48px;
}
.special_m4 {
background: #f2f2f2;
}
.special_c4 {
padding: 60px 0 90px;
}
.zt_more {
text-align: center;
}
.zt_news_list1 {
margin-bottom: 40px;
}
.zt_news_list1 ul li {
background: #fff;
}
.zt_more a:hover ,
.zt_more span:hover {
background: #005399;
color: #fff;
border-color: #005399;
}
.success_top1 {
position: relative;
}
.success_top1 .success_t1 {
position: absolute;
right: 40px;
bottom: 40px;
display: inline-block;
width: 180px;
line-height: 44px;
border: 1px solid #fff;
color: #fff;
font-size: 16px;
background: rgba(255,255,255,.12);
z-index: 1;
text-align: center;
}
.success_m1 {
position: relative;
}
.success_n1 {
position: absolute;
width: 458px;
left: 0;
top: 50%;
transform: translate(0,-50%);
z-index: 1;
background: #fff;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);
padding: 50px 35px 80px;
transition: all .3s;
opacity: 0;
}
.success_info1 .stitle {
text-align: center;
color: #222;
font-size: 26px;
line-height: 44px;
padding-bottom: 22px;
margin-bottom: 30px;
border-bottom: 1px solid #f2f2f2;
}
.success_info1 .txt {
color: #555;
font-size: 16px;
text-align: justify;
line-height: 32px;
margin-bottom: 54px;
}
/* .success_swiper01 .swiper-slide-active .success_n1 , */
.success_swiper01 .swiper-slide-active1 .success_n1 {
opacity: 1;
transform: translate(-50%,-50%);
}
.special_c5 {
padding-top: 60px;
}
.success_swiper01 {
padding-bottom: 127px;
position: relative;
/* padding-left: calc((100% - 1500px) / 2); */
}
.success_swiper01 .system_btn1 {
bottom: 50px;
}
.special_video {
position: relative;
height: 930px;
}
.special_video video {
width: 100%;
height: 100%;
}
.special_video .play_bg1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
z-index: 1;
}
.special_m7 {
position: relative;
}
.special_c7 {
padding: 100px 0 220px;
position: relative;
z-index: 1;
}
.why_list1 {
margin-top: 90px;
}
.why_list1 ul {
display: flex;
}
.why_list1 ul li {
width: 22%;
margin-right: 4%;
}
.why_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.why_list1 ul li .num {
color: rgba(0,83,153,.4);
font-size: 70px;
font-style: italic;
font-family: arial;
margin-bottom: 25px;
}
.why_list1 ul li .txt {
color: #222;
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.special_c1_1 {
padding: 70px 0 125px;
}
.special_left1_1 {
width: 34.53%;
}
.special_right1_1 {
width: 61.4%;
position: relative;
}
.special_right1_1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: -40px;
bottom: -40px;
border: 3px solid #005399;
}
.special_img1 {
position: relative;
z-index: 2;
}
.zd_label1 {
position: absolute;
right: 17px;
bottom: -12px;
padding: 0 22px;
line-height: 50px;
background: #fff;
box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.18);
}
.zd_info2 {
margin-top: 30px;
}
.zd_info2 .stitle {
font-size: 18px;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
}
.zd_info2 .txt {
color: #555;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zd_b1 {
justify-content: flex-end;
}
.special_c3_1 {
padding: 50px 0 30px;
}
.special_c3_left {
width: 50%;
float: left;
position: relative;
}
.special_t1 {
position: absolute;
left: 0;
width: 45%;
top: 90px;
}
.zd_list1 ul li {
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 30px;
background: #f2f2f2;
}
.zd_list1 ul li:nth-child(1) {
margin-left: 52%;
margin-right: 0;
}
.zd_list1 ul li:nth-child(3) {
margin-right: 0;
}
.zd_img3 {
height: 268px;
overflow: hidden;
}
.zd_img3 img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s;
}
.zd_info3 {
padding: 0 18px;
}
.zd_info3 .stitle {
color: #222;
font-size: 16px;
line-height: 56px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zd_list1 ul li:hover .zd_img3 img,
.special_c3_right:hover .zd_img3 img{
transform: scale(1.12);
}
.special_c3_right {
width: 48%;
float: right;
background: #f2f2f2;
}
.zd_m3 .zd_img3 {
height: 536px;
}
.zd_m3 .zd_info3 {
height: 142px;
padding: 32px 30px 0;
}
.zd_m3 .zd_info3 .stitle {
line-height: 1;
font-size: 22px;
}
.zd_m3 .zd_info3 .txt {
color: #555;
font-size: 14px;
line-height: 22px;
margin-top: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.zx_m1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.zx_l1 {
width: 50%;
}
.zx_r1 {
width: 42%;
}
.zx_info1 {
margin-bottom: 80px;
}
.zx_info1 .txt {
color: #666;
font-size: 14px;
text-align: justify;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.zx_info1 .stitle {
color: #333;
font-size: 24px;
line-height: 34px;
margin-top: 45px;
}
.zx_swiper01 {
margin-bottom: 90px;
}
.zx_btn1 {
position: absolute;
left: 58%;
bottom: 40px;
display: flex;
align-items: center;
z-index: 2;
}
.zx_btn1 .swiper-button-prev,
.zx_btn1 .swiper-button-next {
position: unset;
width: auto;
height: auto;
background: none;
left: auto;
right: auto;
margin: 0;
opacity: 1;
}
.zx_btn1 .swiper-button-next {
margin-left: 40px;
}
.special_c5_1 {
padding-left: calc((100% - 1500px) / 2);
padding-top: 50px;
}
.success_m2 {
position: relative;
}
.success_info2 {
position: absolute;
width: 100%;
left: 0;
bottom: 40px;
padding: 0 35px;
}
.success_info2 p {
color: #fff;
font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.success_swiper02 {
padding-bottom: 130px;
position: relative;
}
.success_swiper02 .success_btn1 {
right: auto;
left: 0;
bottom: 50px;
}
/* 璧勮璇︽儏 */
.news_details {
padding-bottom: 70px;
}
.det_title1 {
text-align: center;
padding: 55px 0 45px;
}
.det_title1 .stitle {
color: #222;
font-size: 36px;
margin-bottom: 8px;
}
.det_title1 .det_b1 {
display: flex;
justify-content: center;
color: #666;
font-size: 12px;
}
.det_title1 .det_b1 p {
display: flex;
align-items: center;
margin-right: 40px;
}
.det_title1 .det_b1 p:last-child {
margin-right: 0;
}
.det_title1 .det_b1 p img {
margin-right: 10px;
}
.det_info1 .txt {
color: #222;
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.news_det1 {
padding-bottom: 45px;
margin-bottom: 50px;
border-bottom: 1px solid #dfdfdf;
}
.pian a {
display: block;
color: #888;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 40px;
transition: all .3s;
}
.pian a:hover {
color: #005399;
}
/* 鑱旂郴鎴戜滑 */
.contact_c1 {
padding: 60px 0 80px;
}
.contact_m1 {
padding: 54px 0;
background: #f7f7f7;
}
.contact_n1 {
width: 904px;
margin: 0 auto;
}
.contact_title1 {
margin-bottom: 24px;
text-align: center;
}
.contact_title1 h2 {
color: #333;
font-size: 40px;
position: relative;
padding-bottom: 24px;
}
.contact_title1 h2::before {
position: absolute;
content: "";
width: 18px;
height: 2px;
background: #666;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.contact_info1 {
text-align: center;
}
.contact_info1 .stitle {
color: #333;
font-size: 18px;
margin-bottom: 20px;
}
.contact_info1 .txt {
color: #333;
font-size: 14px;
line-height: 28px;
}
.contact_list1 {
margin-bottom: 50px;
}
.contact_list1 ul li {
width: 30%;
float: left;
margin-top: 50px;
height: 197px;
border: solid 1px #96a8b8;
margin-right: 5%;
transition: all .3s;
background: #fff;
cursor: pointer;
}
.contact_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.contact_n2 {
padding: 25px 0 0;
}
.contact_n2 .stitle {
color: #333;
font-size: 20px;
margin-bottom: 26px;
text-align: center;
}
.contact_dl dl {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact_dl dl dd {
display: flex;
align-items: center;
margin: 0 20px 10px;
}
.contact_dl dl dd img + img {
display: none;
}
.contact_dl dl dd p {
color: #333;
font-size: 16px;
margin-left: 10px;
}
.contact_list1 ul li:hover {
background: #005399;
border-color: #005399;
}
.contact_list1 ul li:hover .contact_n2 .stitle {
color: #fff;
}
.contact_list1 ul li:hover .contact_dl dl dd p {
color: #fff;
}
.contact_list1 ul li:hover .contact_dl dl dd img {
display: none;
}
.contact_list1 ul li:hover .contact_dl dl dd img + img {
display: inline-block;
}
.contact_map {
height: 560px;
}
/* 404 */
.notFound {
position: fixed;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.notFound p {
color: #333;
font-size: 16px;
margin-top: 70px;
line-height: 32px;
letter-spacing: 2px;
}
.notFound p span {
display: inline-block;
color: #005399;
border-bottom: 1px solid #005399;
padding: 0 4px;
}
.notFound p a {
color: #333;
}
/* 浜у搧-鍒涘缓鍨� */
.digital_x02 {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.digital_x05 {
padding-top: 40px;
}
.digital_x_c01 {
padding-bottom: 50px;
}
.ys_img1 {
margin: 50px 0 40px;
text-align: center;
}
.ys_icon1 {
text-align: center;
}
.digital_x_c02 {
padding: 82px 0 38px;
}
.xdigital_list1 ul {
display: flex;
flex-wrap: wrap;
}
.xdigital_list1 ul li {
width: 31.33%;
margin-right: 3.005%;
margin-bottom: 30px;
padding: 60px 30px 70px;
border: 1px solid #fff;
border-radius: 10px;
}
.xdigital_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.xdigital_info1 .stitle {
color: #fff;
font-size: 22px;
margin: 24px 0 6px;
}
.xdigital_info1 .txt {
color: #fff;
font-size: 16px;
line-height: 30px;
}
.zc_type1 {
margin-bottom: 40px;
}
.zc_type1 ul {
font-size: 0;
text-align: center;
}
.zc_type1 ul li {
display: inline-block;
width: 360px;
margin: 0 3%;
color: #222;
font-size: 20px;
line-height: 78px;
border: 1px solid #333;
border-radius: 40px;
cursor: pointer;
}
.zc_type1 ul li:hover,
.zc_type1 ul li.active {
border-color: #005399;
color: #005399;
}
.zc_m1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.zc_left1 {
width: 36.93%;
}
.zc_right1 {
width: 57.6%;
}
.zc_info1 .stitle {
color: #222;
font-size: 24px;
font-weight: bold;
margin-bottom: 12px;
}
.zc_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.digital_x_c03 {
padding-bottom: 40px;
}
.digital_x_c04 {
padding-bottom: 40px;
}
.td_m1 {
position: relative;
margin-top: 30px;
}
.td_left_a a ,
.td_right_a a {
position: absolute;
display: inline-block;
width: 45px;
height: 45px;
}
.td_left_a .td_a01 {
left: 165px;
top: 52px;
}
.td_left_a .td_a02 {
left: 212px;
top: 52px;
}
.td_left_a .td_a03 {
left: 262px;
top: 54px;
}
.td_left_a .td_a04 {
left: 310px;
top: 54px;
}
.td_left_a .td_a05 {
left: 354px;
top: 56px;
}
.td_left_a .td_a06 {
left: 400px;
top: 56px;
}
.td_left_a .td_a07 {
left: 442px;
top: 58px;
}
.td_left_a .td_a08 {
left: 485px;
top: 58px;
}
.td_right_a .td_a16 {
right: 292px;
top: 62px;
}
.td_right_a .td_a15 {
right: 338px;
top: 65px;
}
.td_right_a .td_a14 {
right: 384px;
top: 66px;
}
.td_right_a .td_a13 {
right: 426px;
top: 66px;
}
.td_right_a .td_a12 {
right: 468px;
top: 68px;
}
.td_right_a .td_a11 {
right: 508px;
top: 68px;
}
.td_right_a .td_a10 {
right: 550px;
top: 70px;
}
.td_right_a .td_a09 {
right: 588px;
top: 72px;
}
.xt_c1 {
position: relative;
margin-top: 45px;
}
.digital_x_c05 {
padding-bottom: 180px;
}
.xt_img1 {
text-align: center;
}
.xt_list1 ul li {
position: absolute;
width: 300px;
background-color: #ffffff;
box-shadow: -1px 0px 10px 0px
rgba(0, 0, 0, 0.15);
border-radius: 10px;
padding: 30px 35px;
}
.xt_m1 .stitle {
color: #222;
font-size: 22px;
margin-bottom: 6px;
font-weight: bold;
}
.xt_m1 .txt {
color: #555;
font-size: 14px;
line-height: 22px;
}
.xt_list1 ul li.li1 {
left: 98px;
top: 96px;
}
.xt_list1 ul li.li2 {
left: 98px;
bottom: 15px;
}
.xt_list1 ul li.li3 {
right: 100px;
top: 96px;
}
.xt_list1 ul li.li4 {
right: 100px;
bottom: 15px;
}
.xt_list1 ul li.li5 {
left: 50%;
margin-left: -150px;
bottom: -132px;
}
.td_m2 {
position: relative;
width: 1020px;
margin: 0 auto;
}
.td_img1 {
text-align: center;
}
.td_list1 ul li {
position: absolute;
width: 275px;
border: 1px solid #9ca3a9;
padding: 28px 25px;
}
.td_info1 .txt {
color: #333;
font-size: 16px;
line-height: 24px;
}
.td_list1 ul li.li1 {
left: 0;
top: 28px;
}
.td_list1 ul li.li2 {
left: 0;
bottom: 28px;
}
.td_list1 ul li.li3 {
right: 0;
top: 28px;
}
.td_list1 ul li.li4 {
right: 0;
bottom: 28px;
}
.digital_x_c06 {
padding-bottom: 60px;
}
.digital_x_c07 {
padding: 80px 0;
}
.td_m3 {
height: 442px;
border: 1px solid #005399;
padding: 55px 30px 0;
}
.td_info2 .stitle {
color: #222;
font-size: 22px;
margin-top: 30px;
}
.td_info2 h4 {
color: #222;
font-weight: normal;
font-size: 22px;
line-height: 8px;
margin-bottom: 16px;
}
.td_info2 .txt {
color: #555;
font-size: 14px;
line-height: 22px;
text-align: justify;
}
.td_b1 {
position: unset;
left: auto;
bottom: auto;
justify-content: center;
}
.dig_swiper01 .swiper-container {
margin-bottom: 60px;
}
.digital_x08 {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.digital_x_c08 {
padding-bottom: 180px;
}
.digital_x_c08 .dig_title1 h2 ,
.digital_x_c08 .dig_info2 .txt {
color: #fff;
}
.digital_x_c08 .dig_title1 h2::before {
background: #fff;
}
.ys_list1 {
margin-top: 80px;
}
.ys_list1 ul {
display: flex;
justify-content: space-around;
}
.ys_list1 ul li {
text-align: center;
}
.ys_list1 ul li p {
color: #fff;
font-size: 20px;
margin-top: 12px;
}
.zc_type2 ul li {
width: 20%;
margin: 0 2%;
}
.digital_x_c09 {
padding: 176px 0 50px;
}
.dig_m5 {
position: relative;
}
.dig_img5 ul li {
position: relative;
}
.y_img {
text-align: right;
}
.dig_list2 ul li {
position: absolute;
width: 370px;
left: 0;
background: #0bb4f0;
border-radius: 20px;
padding: 25px 30px;
display: none;
}
.y_bun1 {
position: absolute;
width: 370px;
left: 0;
background: #0bb4f0;
border-radius: 20px;
padding: 25px 30px;
bottom: 80px;
display: none;
}
.dig_img5 ul li.on .y_bun1 {
display: block;
}
.dig_list2 ul li .s_icon1 ,
.y_bun1 .s_icon1 {
position: absolute;
right: 22px;
bottom: -37px;
}
.dig_list2 ul li.li1 {
top: -125px;
}
.dig_list2 ul li.li2 {
top: 0;
}
.dig_list2 ul li.li3 {
top: 150px;
}
.dig_list2 ul li.li4 {
top: 280px;
}
.dig_info5 .txt {
color: #fff;
font-size: 18px;
line-height: 36px;
}
/* 鎼滅储缁撴灉 */
.result_type {
border-bottom: 1px solid #dfdfdf;
}
.result_type ul li {
margin-right: 60px;
display: inline-block;
}
.result_type ul li:last-child {
margin-right: 0;
}
.result_type ul li a {
display: inline-block;
color: #222;
font-size: 22px;
line-height: 80px;
position: relative;
}
.result_type ul li a::before {
position: absolute;
content: "";
width: 0;
height: 3px;
left: 50%;
transform: translateX(-50%);
bottom: -1px;
background: #0055a2;
transition: all .3s;
}
.result_type ul li.active a {
color: #0055a2;
}
.result_type ul li.active a::before {
width: 68px;
}
.result_title1 {
padding: 50px 0;
}
.result_title1 h2 {
display: flex;
align-items: center;
justify-content: center;
color: #0055a2;
font-size: 36px;
}
.result_title1 h2 span {
color: #222;
font-size: 26px;
}
.product_ul1 {
margin: 0;
}
.product_ul1 li a .info1 .p1 {
color: #333;
}
.product_ul1 li a .info1 p span {
color: #005399;
}
.search_news_list1 ul li {
background: #fff;
}
.search_news_list1 ul li .news_info1 {
border: 1px solid #bbbbbb;
border-top: none;
}
.search_media_list1 .media_info1 .stitle span ,
.search_news_list1 .news_info1 .stitle span {
color: #005399;
transition: all .3s;
}
.search_media_list1 ul li:hover .media_info1 .stitle span ,
.search_news_list1 ul li:hover .news_info1 .stitle span {
color: #fff;
}
.search_result {
padding-bottom: 50px;
}
/* 鏃犵嚎鑷粍缃戠郴缁� */
.mesh_w2 {
padding-bottom: 50px;
background: #f2f2f2;
margin-top: -135px;
}
.mesh_w2 .dig_title1 {
padding-top: 90px;
}
.mesh_list1 ul li {
width: 18.4%;
float: left;
margin-right: 1.875%;
height: 522px;
cursor: pointer;
position: relative;
}
.mesh_list1 ul li:nth-child(5n) {
margin-right: 0;
}
.mesh_m1 {
height: 365px;
position: relative;
text-align: center;
padding: 50px 0 0;
margin-top: 80px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background-image: linear-gradient(0deg,
#274157 0%,
#005399 69%),
linear-gradient(
#005399,
#005399);
}
.mesh_m1 .stitle {
color: #fff;
font-size: 22px;
line-height: 40px;
margin: 34px 0 20px 0;
}
.mesh_m1 .txt {
text-align: justify;
color: #e5e5e5;
font-size: 16px;
line-height: 30px;
margin: 0 10%;
height: calc(100% - 255px);
overflow: hidden;
}
.mesh_b1 {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
text-align: center;
background: #313940;
color: #fff;
font-size: 16px;
line-height: 60px;
}
.mesh_list1 ul li:hover .mesh_m1 {
height: 522px;
margin-top: 0;
background-image: linear-gradient(0deg,
#2479c1 0%,
#005399 69%),
linear-gradient(
#005399,
#005399);
}
.mesh_list2 {
margin-top: 50px;
}
.mesh_list2 ul li {
width: 16%;
float: left;
height: 460px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
cursor: pointer;
}
.mesh_list2 ul li .info {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s;
}
.mesh_list2 ul li .info p {
width: 28px;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 26px;
}
.mesh_list2 ul li:first-child {
width: 36%;
}
.mesh_list2 ul li:first-child .info {
opacity: 0;
}
.mesh_w3 {
padding-bottom: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mesh_u1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.mesh_ul {
width: 63.6%;
}
.mesh_ur {
width: 31.2%;
}
.mesh_info1 {
color: rgba(34,34,34,1);
font-size: 36px;
margin-bottom: 40px;
}
.mesh_b2 {
text-align: right;
margin-bottom: 50px;
}
.mesh_b2 .swiper-button-prev,
.mesh_b2 .swiper-button-next {
position: unset;
left: auto;
right: auto;
top: auto;
margin: 0;
width: auto;
height: auto;
color: #333333;
font-size: 24px;
background: none;
display: inline-block;
opacity: 1;
}
.mesh_b2 .swiper-button-prev {
margin-right: 12px;
}
.mesh_swiper2 .swiper-pagination {
position: unset;
left: auto;
bottom: auto;
text-align: right;
}
.mesh_swiper2 .swiper-pagination-bullet {
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
color: #005399;
font-size: 14px;
text-align: center;
background: none;
opacity: 1;
margin-left: 10px;
}
.mesh_swiper2 .swiper-pagination-bullet:first-child {
margin-left: 0;
}
.mesh_swiper2 .swiper-pagination-bullet-active {
background: #005399;
color: #fff;
}
.mesh_w4 {
padding-bottom: 48px;
}
.qt_m1 {
width: 1330px;
margin: 90px auto 0;
position: relative;
}
.qt_m1::before {
position: absolute;
content: "";
width: 100%;
height: 8px;
background-color: #E9E9E9;
border-radius: 2px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.qt_m1::after {
content: "";
position: absolute;
width: 26px;
height: 38px;
background: url(../images/items-steps-arrow.png) no-repeat center;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.qt_list1 ul li {
width: 250px;
display: inline-block;
margin-right: 11%;
position: relative;
padding-bottom: 35px;
vertical-align: middle;
}
.qt_list1 ul li:last-child {
margin-right: 0;
}
.qt_list1 ul li::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
bottom: -10px;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
transition: all .3s ease;
}
.qt_list1 ul li::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
background-color: #2f8bd8;
border-radius: 50%;
left: 50%;
bottom: -4px;
transform: translateX(-50%);
transition: all .3s ease;
}
.qt_k1 {
padding-left: 40px;
}
.qt_item {
position: relative;
height: 290px;
background: #fff;
border-radius: 5px;
backface-visibility: hidden;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
z-index: 1;
transition: all .3s ease;
}
.qt_item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 5px;
z-index: -1;
}
.qt_item:after {
content: "";
position: absolute;
width: 18px;
height: 18px;
left: 50%;
bottom: -9px;
box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);
background-color: #fff;
z-index: -2;
transform: translateX(-50%) rotateZ(135deg);
}
.qt_item .qt_img1 {
position: absolute;
left: 50%;
top: -48px;
transform: translateX(-50%);
width: 96px;
height: 96px;
border-radius: 50%;
background-color: #fff;
transition-duration: 1s;
padding: 9px;
transition-duration: 1s;
}
.qt_item .qt_img1::before {
content: "";
width: 100%;
height: 100%;
box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);
position: absolute;
z-index: -2;
border-radius: 50%;
left: 0;
top: 0;
}
.qt_info1 {
text-align: center;
padding: 66px 30px 0 30px;
}
.qt_info1 .stitle {
color: #222;
font-size: 22px;
margin-bottom: 10px;
}
.qt_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.qt_k2 .qt_item:after {
top: -9px;
bottom: 0;
}
.qt_k2 .qt_item .qt_img1 {
top: auto;
bottom: -48px;
}
.qt_k2 .qt_info1 {
padding-top: 34px;
}
.qt_k2 {
padding-right: 40px;
text-align: right;
}
.qt_k2 ul li {
padding-top: 35px;
padding-bottom: 0;
}
.qt_k2 ul li::before {
bottom: auto;
top: -10px;
}
.qt_k2 ul li::after {
bottom: auto;
top: -4px;
}
.qt_list1 ul li:hover .qt_item {
margin-top: -10px;
}
.qt_k2 ul li:hover .qt_item {
margin-top: 0;
margin-bottom: -10px;
}
.qt_list1 ul li:hover::before {
bottom: -15px;
}
.qt_list1 ul li:hover::after {
width: 20px;
height: 20px;
bottom: -15px;
}
.qt_k2 ul li:hover::before {
top: -15px;
}
.qt_k2 ul li:hover::after {
top: -15px;
}
.qt_list1 ul li:hover .qt_img1 {
transform: translateX(-50%) rotateZ(360deg);
}
.qt_c1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px 0;
}
.qt_left1 {
width: 25%;
}
.qt_right1 {
width: 67.33%;
}
.qt_b1 {
display: flex;
margin-top: 50px;
align-items: center;
}
.qt_b1 .swiper-button-prev,
.qt_b1 .swiper-button-next {
position: unset;
left: auto;
right: auto;
width: auto;
height: auto;
background: none;
margin: 0;
opacity: 1;
}
.qt_b1 .swiper-button-next {
margin-left: 40px;
}
.qt_swiper1 .swiper-container {
padding: 30px 0;
}
.qt_h1 {
position: relative;
transition: all .3s;
cursor: pointer;
}
.qt_m2 {
position: relative;
}
.qt_info2 {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: #005399;
text-align: center;
line-height: 100px;
font-size: 22px;
color: #fefefe;
}
.qt_img2 {
height: 640px;
}
.qt_img2 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.qt_m3 {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: calc(100% - 100px);
background: rgba(0,83,153,.8);
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transition: all .3s;
}
.qt_info3 {
padding: 0 40px;
}
.qt_info3 .stitle {
color: #fff;
font-size: 32px;
text-align: center;
margin-bottom: 15px;
}
.qt_info3 .txt {
color: #fefefe;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.dig_title2 {
text-align: left;
padding-top: 0;
}
.dig_title2 h2::before {
left: 0;
transform: translate(0);
}
.qt_h1:hover {
transform: translateY(-30px);
}
.qt_h1:hover .qt_m3 {
opacity: 1;
}
.qt_xtzc {
display: flex;
justify-content: space-between;
align-items: center;
}
.dig_right2 {
width: 74.13%;
}
.dig_left2 {
width: 25.87%;
text-align: right;
}
.qtys_list1 ul li {
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 60px;
position: relative;
}
.qtys_list1 ul li:nth-child(2n) {
margin-right: 0;
}
.ys_m1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ys_info1 {
width: 70%;
}
.ys_info1 .stitle {
color: #fff;
font-size: 22px;
margin-bottom: 8px;
}
.ys_info1 .txt {
color: #fff;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.gs_m1 {
position: relative;
padding: 100px 0;
margin-top: 70px;
}
.gs_list1 ul li {
position: absolute;
width: 265px;
}
.gs_info1 .stitle {
color: #005399;
font-size: 24px;
margin-bottom: 14px;
font-weight: bold;
}
.gs_info1 .txt {
color: #555;
font-size: 16px;
line-height: 22px;
}
.gs_img1 {
text-align: center;
}
.gs_list1 ul li:nth-child(1),
.gs_list1 ul li:nth-child(2),
.gs_list1 ul li:nth-child(3) {
top: 0;
}
.gs_list1 ul li:nth-child(4),
.gs_list1 ul li:nth-child(5),
.gs_list1 ul li:nth-child(6) {
bottom: 0;
}
.gs_list1 ul li:nth-child(1) {
left: 9.3%;
}
.gs_list1 ul li:nth-child(2) {
left: 46.66%;
}
.gs_list1 ul li:nth-child(3) {
right: 0;
}
.gs_list1 ul li:nth-child(4) {
left: 0;
}
.gs_list1 ul li:nth-child(5) {
left: 38.66%;
}
.gs_list1 ul li:nth-child(6) {
right: 10.66%;
}
.xttd_w1 {
padding-bottom: 60px;
}
.xttd_m1 {
position: relative;
width: 1370px;
margin: 0 auto;
padding: 86px 0 143px;
}
.xttd_img1 {
text-align: center;
}
.xttd_list1 ul li {
position: absolute;
width: 368px;
}
.xttd_info1 .stitle {
color: #005399;
font-size: 22px;
margin-bottom: 12px;
font-weight: bold;
}
.xttd_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.xttd_list1 ul li:nth-child(1) {
left: 8.4%;
top: 0;
}
.xttd_list1 ul li:nth-child(2) {
left: 0;
top: 32.85%;
}
.xttd_list1 ul li:nth-child(3) {
bottom: 0;
left: 8.4%;
}
.xttd_list1 ul li:nth-child(4) {
top: 0;
right: 8.4%;
}
.xttd_list1 ul li:nth-child(5) {
right: 0;
top: 32.85%;
}
.xttd_list1 ul li:nth-child(6) {
bottom: 0;
right: 8.4%;
}
.xtys_left1 {
width: 50%;
float: left;
}
.xtys_i1 {
height: 580px;
}
.xtys_i1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.xtys_right1 {
width: 50%;
float: right;
}
.xtys_m1 {
background: #fff;
}
.xtys_type1 ul li {
padding: 0 30px;
position: relative;
}
.xtys_type1 ul li::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-right: 12px solid #fff;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
left: -12px;
top: 50%;
transform: translateY(-50%);
display: none;
}
.xtys_type1 ul li .xtys_h1 {
color: #222;
font-size: 22px;
line-height: 75px;
cursor: pointer;
}
.xtys_info1 .txt {
color: #333;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.xtys_h2 {
display: none;
}
.xtys_type1 ul li.active .xtys_h2 {
display: block;
}
.xtys_type1 ul li.active {
padding: 20px 30px;
box-shadow: 0 2px 16px rgba(0,0,0,.26);
}
.xtys_type1 ul li.active .xtys_h1 {
line-height: 1;
margin-bottom: 15px;
}
.xtys_type1 ul li.active::before {
display: block;
}
.dig_title3 h2 {
color: #fff;
}
.dig_title3 h2::before {
background: #fff;
}
.gs_box {
margin-top: 40px;
}
.gs_type1 {
margin-bottom: 50px;
}
.gs_type1 ul {
display: flex;
justify-content: space-between;
}
.gs_type1 ul li {
width: 15%;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
position: relative;
cursor: pointer;
color: #333;
font-size: 22px;
border-radius: 10px;
}
.gs_type1 ul li img + img {
display: none;
}
.gs_type1 ul li span {
margin-left: 8px;
}
.gs_type1 ul li::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 10px solid #005399;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
display: none;
}
.gs_type1 ul li.active::before {
display: block;
}
.gs_type1 ul li.active {
background: #005399;
color: #fff;
}
.gs_type1 ul li.active img + img {
display: inline-block;
}
.gs_type1 ul li.active img {
display: none;
}
.gs_h1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.gs_info2 {
width: 31.53%;
}
.gs_info2 .stitle {
color: #222;
margin-bottom: 10px;
font-size: 22px;
}
.gs_info2 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.gs_img2 {
width: 57.6%;
}
.xttd_mr {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 20%;
}
.xttd_md {
position: relative;
padding-right: 20%;
}
.xtys_type2 ul li {
padding-right: 30px;
position: relative;
color: #555;
font-size: 16px;
line-height: 50px;
text-align: right;
cursor: pointer;
}
.xtys_type2 ul li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
right: -1px;
top: 50%;
transform: translateY(-50%);
transition: all .3s;
box-shadow: 0px 1px 3px 0px
rgba(0, 0, 0, 0.22);
}
.xtys_type2 ul li.active::before {
width: 14px;
height: 14px;
right: -5px;
background: #005399;
}
.xtys_type2 ul {
position: relative;
padding: 20px 0;
}
.xtys_type2 ul::before {
position: absolute;
content: "";
width: 5px;
height: 100%;
background: rgba(0,0,0,.1);
border-radius: 2px;
right: 0;
top: 0;
}
.xt_mc {
display: flex;
justify-content: space-between;
align-items: center;
}
.xt_info2 {
width: 36.66%;
}
.xt_img2 {
width: 50%;
}
.xt_info2 .stitle {
color: #222;
font-size: 22px;
padding-bottom: 18px;
margin-bottom: 15px;
position: relative;
}
.xt_info2 .stitle::before {
position: absolute;
content: "";
width: 14px;
height: 2px;
background: #222;
left: 0;
bottom: 0;
}
.xt_info2 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.xttd_md {
margin-bottom: 66px;
}
.xt_b1 {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 10px;
margin-right: -10px;
}
.xt_b1 .swiper-button-prev,
.xt_b1 .swiper-button-next {
width: auto;
height: auto;
background: none;
position: unset;
left: auto;
right: auto;
top: auto;
margin: 0;
opacity: 1;
}
.xt_b1 .swiper-button-next {
margin-top: 8px;
}
.xtys_c1 {
position: relative;
padding: 7px 0 21px 0;
}
.xtys_img1 {
text-align: center;
width: 56%;
margin: 0 auto;
}
.xtys_list1 ul li {
position: absolute;
width: 290px;
}
.xtys_info2 .stitle {
color: #005399;
font-size: 22px;
margin-bottom: 10px;
font-weight: bold;
}
.xtys_info2 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
}
.xtys_list1 ul li:nth-child(1) {
left: 3.7%;
top: 0;
}
.xtys_list1 ul li:nth-child(2) {
right: 3.7%;
top: 0;
}
.xtys_list1 ul li:nth-child(3) {
left: 0;
top: 50%;
transform: translateY(-50%);
}
.xtys_list1 ul li:nth-child(4) {
right: 0;
top: 50%;
transform: translateY(-50%);
}
.xtys_list1 ul li:nth-child(5) {
left: 6.6%;
bottom: 0;
}
.xtys_list1 ul li:nth-child(6) {
right: 6.6%;
bottom: 0;
}
.xtzc_left {
width: 59.06%;
float: left;
}
.xtzc_right {
width: 38.93%;
float: right;
}
.zck_img1 {
height: 534px;
padding: 1px;
}
.zck_img1 img {
width: 100%;
height: 100%;
object-fit: contain;
border: 1px solid #999;
}
.zck_info1 {
padding: 25px 30px;
}
.zck_info1 .stitle {
color: #222;
font-size: 22px;
margin-bottom: 10px;
}
.zck_info1 .txt {
color: #555;
font-size: 16px;
line-height: 30px;
text-align: justify;
}
.zck_u1 {
height: 100%;
display: flex;
align-items: center;
cursor: pointer;
}
.zck_img2 {
width: 31.67%;
height: 100%;
background: #f2f2f2;
}
.zck_img2 img {
width: 100%;
height: 100%;
object-fit: contain;
}
.zck_info2 {
width: 68.33%;
padding: 0 30px;
}
.zck_info2 .stitle {
color: #222;
font-size: 22px;
margin-bottom: 12px;
}
.zck_info2 .txt {
color: #222;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zc_swiper2 .swiper-container {
height: 534px;
}
.zc_swiper2 .swiper-slide {
padding: 8px;
}
.zc_swiper2 .swiper-slide-thumb-active .zck_u1 {
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.xt_b2 {
margin-top: 60px;
}
/* floatright */
.floatRight {
position: fixed;
width: 52px;
right: 0;
top: 65%;
transform: translateY(-50%);
z-index: 10;
}
.floatRight ul li {
margin-bottom: 8px;
position: relative;
height: 52px;
border: 1px solid #949494;
border-radius: 4px;
}
.floatRight ul li:last-child {
margin-bottom: 0;
}
.f_icon2 {
border-radius: 4px;
cursor: pointer;
}
.float_info1 {
position: absolute;
left: -160px;
top: 50%;
transform: translateY(-50%);
min-width: 145px;
border-radius: 4px;
background: #fff;
padding: 6px 8px;
box-shadow: 0px 0px 5px 0px
rgba(0, 0, 0, 0.15);
display: none;
}
.float_ewm1 {
position: absolute;
left: -140px;
top: 50%;
transform: translateY(-50%);
min-width: 120px;
border-radius: 4px;
background: #fff;
padding: 10px;
display: none;
box-shadow: -1px 0px 9px rgba(0, 0, 0, 0.35);
}
.float_ewm1 img {
width: 100px;
height: 100px;
}
.float_info1::before ,
.float_ewm1::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -6px;
top: 50%;
transform: translateY(-50%);
}
.float_info1 p {
color: #333;
font-size: 14px;
line-height: 40px;
text-align: center;
}
.goTop {
background: #8e8e8e;
display: block;
}
.floatRight ul li .f_icon2:hover + .float_info1 ,
.floatRight ul li .f_icon2:hover + .float_ewm1 {
display: block;
}
.s_nav1 .s_nav_box {
text-align: center;
}
.s_nav1 .s_nav_box dd {
display: inline-block;
margin-bottom: 0;
margin: 0 15px;
}
.s_nav1 .first_dd {
width: 100%;
padding-right: 0;
}
.s_nav1 .s_nav_box dl::after {
display: none;
}
.advan_img1 {
text-align: center;
margin-bottom: 30px;
}
.advan_img1 img {
width: 48%;
}
.advan_dl dl dd {
margin-bottom: 20px;
}
.advan_dl dl dd h2 {
display: flex;
align-items: center;
color: #005399;
font-size: 16px;
margin-bottom: 10px;
}
.advan_dl dl dd h2 img {
height: 17px;
margin-right: 10px;
}
.advan_dl dl dd p {
color: #555555;
font-size: 13px;
}
.advan_img2 {
margin-bottom: 30px;
}
.search_icon {
font-size: 0;
cursor: pointer;
}
.search_form {
display: none;
}
.search_form .form_group {
/* width: 170px; */
width: 300px;
height: 32px;
display: flex;
align-items: center;
border-radius: 16px;
border: 1px solid #ccc;
position: relative;
padding-right: 30px;
padding-left: 12px;
background: #fff;
}
.search_form .form_group input {
width: 100%;
font-size: 14px;
color: #333;
height: 30px;
background: none;
vertical-align: top;
}
.search_form .form_group button {
position: absolute;
background: none;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 0;
}
.success_swiper01 .system_btn1 .swiper-button-next.swiper-button-disabled, .success_swiper01 .system_btn1 .swiper-button-prev.swiper-button-disabled {
pointer-events: auto;
cursor: pointer;
}
.search_banner1 {
position: relative;
}
.search_info1 {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.search_info1 .stitle {
color: #333;
font-size: 34px;
padding-bottom: 12px;
margin-bottom: 35px;
position: relative;
font-weight: bold;
}
.search_info1 .stitle::before {
position: absolute;
content: "";
width: 35px;
height: 4px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: #666;
}
.search_info1 .txt {
color: #333333;
font-size: 18px;
}
.search_info1 .txt span {
color: #0055a2;
font-weight: bold;
}
.ys_box1 {
position: relative;
}
.cpys_img1 {
text-align: center;
}
.cpys_b1 {
position: absolute;
width: 100%;
left: 0;
top: 96px;
}
.cpys_list1 {
width: 366px;
}
.cpys_left1 {
float: left;
text-align: right;
margin-top: 50px;
}
.cpys_right1 {
float: right;
}
.cpys_m1 .stitle {
display: flex;
align-items: center;
color: #005399;
font-size: 22px;
line-height: 32px;
}
.cpys_m1 .stitle img {
margin: 0 10px;
}
.cpys_m1 .txt {
color: #555555;
font-size: 16px;
line-height: 32px;
}
.cpys_left1 ul li:nth-child(2) {
margin-top: 80px;
}
.cpys_left1 ul li:nth-child(3) {
margin-top: 100px;
}
.cpys_left1 ul li:nth-child(4) {
margin-top: 86px;
}
.cpys_right1 ul li:nth-child(2) {
margin-top: 114px;
}
.cpys_right1 ul li:nth-child(3) {
margin-top: 126px;
}
.cpys_right1 ul li:nth-child(4) {
margin-top: 94px;
}
.cpys_left1 .cpys_m1 .stitle {
justify-content: flex-end;
}
.ys_box2 {
position: relative;
padding-top: 110px;
}
.cpys_img2 {
text-align: center;
}
.cpys_list2 ul li {
position: absolute;
}
.cpys_m2 {
position: relative;
}
.cpys_m2 .ys_jc {
position: absolute;
}
.cpys_m2 .txt {
color: #222222;
font-size: 30px;
line-height: 36px;
text-align: center;
background: #b8dce8;
border-radius: 26px;
padding: 20px 0;
}
.cpys_list2 ul li:nth-child(1) {
width: 290px;
left: 26%;
top: 0;
}
.cpys_list2 ul li:nth-child(2) {
width: 252px;
left: 7.2%;
top: 188px;
}
.cpys_list2 ul li:nth-child(3) {
width: 262px;
left: 16.66%;
bottom: -14px;
}
.cpys_list2 ul li:nth-child(4) {
width: 250px;
right: 4.3%;
bottom: 36px;
}
.cpys_list2 ul li:nth-child(5) {
width: 280px;
right: 4.46%;
top: 83px;
}
.cpys_list2 ul li:nth-child(1) .cpys_m2 .ys_jc {
right: -21px;
bottom: 12px;
}
.cpys_list2 ul li:nth-child(2) .cpys_m2 .ys_jc {
right: 28px;
bottom: -41px;
}
.cpys_list2 ul li:nth-child(3) .cpys_m2 .ys_jc {
right: -32px;
top: 20px;
}
.cpys_list2 ul li:nth-child(4) .cpys_m2 .ys_jc {
left: -43px;
top: 17px;
}
.cpys_list2 ul li:nth-child(5) .cpys_m2 .ys_jc {
left: -35px;
bottom: 19px;
}
.creat_pagin .swiper-pagination {
display: flex;
align-items: center;
color: #333;
font-size: 14px;
}
.creat_pagin .swiper-pagination div {
background: #005399;
width: 120px;
height: 1px;
margin: 0 12px;
}
.sm_info .txt {
font-size: 14px;
color: #999;
margin-top: 60px;
padding-top: 10px;
border-top: 1px dashed #e0e0e0;
}
.td_info1 .stitle {
color: #000;
margin-bottom: 5px;
font-size: 16px;
}
.ys_mk1 {
position: relative;
width: 1098px;
margin: 40px auto 0;
}
.ys_yuan {
display: flex;
width: 100%;
height: 304px;
justify-content: center;
align-items: center;
}
.ys_m_list1 {
position: absolute;
width: 100%;
left: 0;
}
.ys_m_list01 {
top: 0;
padding: 0 92px;
}
.ys_m_list02 {
bottom: 0;
padding: 0 217px;
}
.ys_m_list1 ul {
display: flex;
justify-content: space-between;
}
.ys_m_list1 ul li {
width: 150px;
height: 150px;
background: linear-gradient(-45deg,
#005399 0%,
#60b6fe 100%);
position: relative;
border-radius: 50%;
cursor: pointer;
}
.ys_u1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 98%;
height: 98%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #60b6fe;
font-size: 16px;
text-align: center;
background: rgba(255,255,255,1);
border-radius: 50%;
transition: all .3s;
}
.ys_u1 img + img {
display: none;
}
.ys_u1 p {
margin-top: 8px;
}
.ys_m_list1 ul li:hover .ys_u1 {
background: rgba(255,255,255,0);
color: #fefefe;
}
.ys_m_list1 ul li:hover .ys_u1 img {
display: none;
}
.ys_m_list1 ul li:hover .ys_u1 img + img {
display: inline-block;
}
.ys_icon1 {
margin-top: 40px;
}
@keyframes upDown {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, -10px);
}
100% {
transform: translate(0px, 0px);
}
}
.ys_icon1 img {
animation: upDown 2s infinite;
}
.td_change_left_imgs img {
display: none;
}
.td_change_right_imgs img {
display: none;
}
.resources_list {
padding-bottom: 40px;
}
/* 缃戠珯鍦板浘 */
.web_map {
padding-top: 60px;
padding-bottom: 40px;
}
.web_nav {
background: #ececec;
margin-bottom: 20px;
font-size: 0;
}
.web_nav a {
display: inline-block;
padding: 0 30px;
line-height: 60px;
color: #333;
font-size: 18px;
}
.web_nav a.active {
background: #0055a2;
color: #fff;
}
.web_box {
border: 1px solid #dddddd;
margin-bottom: 20px;
}
.web_box .stitle {
color: #0055a2;
font-size: 16px;
line-height: 56px;
border-bottom: 1px solid #dddddd;
background: #f9f9f9;
padding-left: 34px;
font-weight: bold;
}
.map_m1 {
padding: 0 22px;
}
.map_m1 ul li {
border-bottom: 1px dashed #ddd;
padding: 13px 12px;
}
.map_m1 ul li:last-child {
border-bottom: none;
}
.map_s1 {
display: flex;
align-items: center;
font-size: 14px;
color: #333;
line-height: 28px;
}
.map_s1 span {
margin: 0 15px;
}
.map_t1 a {
color: #333;
}
.map_a a {
color: #666;
margin-right: 15px;
}
.map_a a:last-child {
margin-right: 15px;
}
.map_a a:hover {
color: #0055a2;
}
.map_t1 {
width: 90px;
}
.map_a {
width: 88%;
}
header > .section ,
header .header ,.naver,.naver ul,header .header .naver ul li{
height: 100%;
}
header .header .naver ul li a.navYi {
display: flex;
height: 100%;
align-items: center;
}
.s_nav {
top: 100%;
}
.s_nav_top {
height: 0;
}
.success_img1 {
height: 762px;
}
.success_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*鏂板*/
.xzsp {
display: none;
}
.clearfix::after {
content:".";/*鍔犱竴娈靛唴瀹�*/
display:block;/*璁╃敓鎴愮殑鍏冪礌浠ュ潡绾у厓绱犳樉绀猴紝鍗犳弧鍓╀綑绌洪棿*/
height:0;/*閬垮厤鐢熸垚鐨勫唴瀹圭牬鍧忓師鏈夊竷灞€楂樺害*/
clear:both;/*娓呴櫎娴姩*/
visibility:hidden;/*璁╃敓鎴愮殑鍐呭涓嶅彲瑙�*/
}
.bei_list {
width: 100%;
}
.bei_item {
float: left;
width: 13%;
box-shadow:2px 2px 4px rgba(0,0,0,0.1);
padding: 6px;
background: #fff;
margin-left: 1.5%;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.bei_item:hover {
transform: translate3d(0,-20px,0);
}
.bei_item:first-of-type {
margin-left: 0;
}
.bei_area {
border: 1px solid #f2f2f2;
padding: 32px 0;
}
.bei_area img {
margin: 0 auto;
display: block;
}
.bei_area span {
font-size: 16px;
color: #222222;
text-align: center;
margin-top: 20px;
line-height: 16px;
display: block;
}
.qt_c12 {
padding: 80px 0 100px 0;
}
.miao_block {
display: flex;
justify-content: space-between;
align-items: center;
}
.miao_left {
width: 48%;
padding-right: 2%;
/*float: left;*/
}
.miao_box {
font-size: 16px;
color: #222222;
line-height: 35px;
}
.miao_right {
width: 48%;
border: 1px dotted #594ad1;
padding: 8px;
/*float: right;*/
}
.miao_photo img{
width: 100%;
box-shadow:2px 2px 6px rgba(0,0,0,0.3);
}
.digital_w8xz {
margin-top: 0;
padding: 0;
}
.center_block img {
margin: 0 auto;
display: block;
}
.center_block img.center_hide {
display: none;
}
.center_title {
font-size: 18px;
color: #333333;
text-align: center;
line-height: 18px;
font-weight: bold;
margin: 35px 0 20px 0;
display: block;
}
.center_text {
font-size: 14px;
color: #666666;
text-indent: 25px;
line-height: 30px;
display: block;
}
.digital_w8xz .swiper-container {
/*height: 510px;*/
}
.digital_w8xz .swiper-pagination .swiper-pagination-bullet {
padding-right: 150px;
margin-right: 0;
position: relative;
border-radius: 0;
}
.digital_w8xz .swiper-pagination .swiper-pagination-bullet::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
background: #005399;
width: 120px;
height: 1px;
}
.digital_w8xz .swiper-pagination .swiper-pagination-bullet:last-of-type::after {
width: 0;
}
.center_block:hover .center_show {
display: none;
}
.center_block:hover .center_hide {
display: block;
}
.center_block:hover .center_title {
color: #005399;
}
.three_block {
display: flex;
justify-content: space-between;
align-items: center;
}
.three_left {
width: 50%;
}
.three_left img {
width: 100%;
}
.three_right {
width: 45%;
}
.three .swiper-pagination-bullet {
width: 50px;
height: 6px;
background: #c4c4c4;
opacity: 1;
border-radius: 0;
margin: 0 20px !important;
}
.three .swiper-pagination-bullet-active {
background: #0055a2;
}
.jie .swiper-container {
/*height: 500px;*/
}
.three .swiper-container {
/*height: 700px;*/
padding-bottom: 50px;
}
.jishu {
padding-bottom: 50px;
}
.jishu_top {
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.jishu_top_box {
padding: 0 20px;
border-bottom: 2px solid transparent;
margin: 0 25px;
}
.jishu_top_box img {
margin: 0 auto;
display: block;
}
.jishu_top_box img.jishu_top_hide {
display: none;
}
.jishu_top_box span {
font-size: 18px;
color: #b2b2b2;
line-height: 18px;
margin: 16px 0 20px 0;
text-align: center;
display: block;
}
.jishu_top_current {
border-bottom: 2px solid #005399;
}
.jishu_top_current span {
color: #222222;
}
.jishu_top_current img.jishu_top_hide {
display: block;
}
.jishu_top_current img.jishu_top_show {
display: none;
}
.jishu_top_box:hover span {
color: #222222;
}
.jishu_top_box:hover {
border-bottom: 2px solid #005399;
}
.jishu_top_box:hover img.jishu_top_hide {
display: block;
}
.jishu_top_box:hover img.jishu_top_show {
display: none;
}
.jishu_area {
display: flex;
justify-content: space-between;
align-items: center;
display: none;
}
.jishu_left {
width: 48%;
float: left;
margin-top: 70px;
}
.jishu_right {
width: 48%;
float: right;
}
.jishu_right img {
width: 100%;
}
.jishu_title {
font-size: 20px;
color: #333333;
position: relative;
padding-bottom: 18px;
line-height: 20px;
display: block;
margin-bottom: 15px;
}
.jishu_title::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: #005399;
}
.shou {
padding: 120px 0;
}
.digital_w8xz .swiper-wrapper {
height: inherit;
}
.digital_w8xz .swiper-slide {
height: inherit;
}
.three .swiper-wrapper {
height: inherit;
}
.three .swiper-slide {
height: inherit;
}
.jie .swiper-wrapper {
height: inherit;
}
.jie .swiper-slide {
height: inherit;
}
.shou_area {
position: relative;
float: left;
width: 40%;
height: 600px;
}
.shou_top {
border-radius: 18px;
box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
background-size: cover;
height: 100%;
}
/*.shou_top > img {
position: absolute;
top: 50%;
left: 50%;
border-radius: 18px;
transform: translate(-50%,-50%);
}*/
.shou_area3 {
margin-left: -10%;
position: relative;
z-index: 3;
}
.shou_area2 {
margin-left: -10%;
position: relative;
z-index: 2;
}
.shou_top_model {
position: absolute;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
}
.shou_top_box img {
display: block;
margin: 0 auto;
-webkit-transition: all 2s ease-in-out;
}
.shou_top_zh {
display: block;
text-align: center;
font-size: 26px;
color: #ffffff;
font-weight: bold;
line-height: 26px;
margin: 35px 0 10px 0;
}
.shou_top_en {
font-size: 12px;
color: #ffffff;
text-align: center;
display: block;
}
.shou_top:hover .shou_top_model {
background: rgba(0,0,0,0);
}
.shou_top:hover .shou_top_zh {
color: #005399;
}
.shou_top:hover .shou_top_en {
color: #005399;
}
.shou_top:hover .shou_top_box img {
-webkit-transform:rotate(360deg) scale(1,1);
}
.shou_top_shu {
position: absolute;
left: 0;
top: 30px;
width: 5px;
height: 100px;
background: #005399;
z-index: 5;
}
.shou_bottom {
background: #fff;
border-radius: 18px;
padding: 30px 50px;
height: 100%;
box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
/*display: none;*/
visibility: hidden;
opacity: 0;
}
.shou_area_current {
width: 66%;
margin-left: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.shou_area_current .shou_top {
display: none;
}
.shou_area_other {
width: 20%;
margin-left: -50px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.shou_area_other1 {
margin-left: -50px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.shou_area_other2 {
width: 20%;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.shou_area_current .shou_bottom {
visibility: visible;
opacity: 1;
}
.shou_top_box {
width: 40%;
}
.shou_bottom_box {
display: flex;
justify-content: flex-start;
align-items: center;
}
.shou_bottom_box img {
width: 10%;
}
.shou_bottom_info {
margin-left: 25px;
}
.shou_bottom_zh {
text-align: center;
font-size: 20px;
color: #333333;
font-weight: bold;
display: block;
}
.shou_bottom_en {
text-align: center;
font-size: 12px;
color: #333333;
display: block;
}
.shou_bottom_area {
line-height: 30px;
margin-top: 30px;
height: 385px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 768px) {
.ban_box {
position: absolute;
width: 100%;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
}
@media screen and (max-width: 992px) {
.ban_box {
position: absolute;
width: 100%;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
}
@media screen and (max-width: 1200px) {
.ban_box {
position: absolute;
width: 100%;
top: 22%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
}